Fix for too small a percentage on the desktop screen.
The tested environment is FHD or higher, and when the script is applied, a little more information can be viewed at once.
Hoyolab page scale fix css by q20021410
Details
Authorq20021410
LicenseNo License
Categoryhttps://act.hoyolab.com/app/community-game-records-sea/index.html
Created
Updated
Size3.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name 2023. 1. 4. PM 2:56:09
@namespace .
@version 1.1.0
@description Hoyolab site 1200px fixed
@author clsw.kr
==/UserStyle== */
@-moz-document url-prefix("https://act.hoyolab.com/app/community-game-records-sea/index.html") {
/* 홈페이지 비율 수정 */
body > div.pc-root-layout > div:nth-child(3) > div {
max-width: 1500px;
}
/* 캐릭터 보유 항목 위치 수정 */
#pc-ys-layout > div.pc-swiper-block-layout.swiper-block > div.pc-swiper-block-layout__content > div.container {
width: 700px;
}
/* 캐릭터 착용 장비/성유물 위치 수정 */
#pc-ys-layout > div.world-exploration-block.world-block > div.world-exploration > div > div.swiper-container.swiper.swiper-container-initialized.swiper-container-horizontal > div > div.swiper-slide.swiper-slide-active {
max-width: 250px;
}
#challenges > div.abyss-block > div.container > div > div > div.van-tabs__content.van-tabs__content--animated {
width: 1200px;
}
/* 캐릭터 목록 위치 수정 */
.role-cards[data-v-34b72fb0] { grid-template-columns: repeat(7,1fr); gap: 8px;}
/* 월드 탐사도 위치 수정 */
#pc-ys-layout > div.world-exploration-block.world-block > div:nth-child(1) > div.world-exploration > div > div.swiper-container.swiper.swiper-container-initialized.swiper-container-horizontal > div > div.swiper-slide{max-width: 220px;}
/* 비경 전적 페이지 비율 수정 */
body > div.pc-root-layout > div:nth-child(3) > div > div > div > div.layout > main > div > div > div > div > div.van-tabs__content.van-tabs__content--animated {
width: 100%;
}
.lantern[data-v-05b816c1] {justify-content: center; }
/* 버섯몬 페이지*/
#challenges > div.activity-block > div.container > div.van-tabs.van-tabs--line > div.van-tabs__content.van-tabs__content--animated > div > div:nth-child(1) > div > div > div.header > div.user {
width:660px; margin-left: 220px;
}
#challenges > div.activity-block > div.container > div.van-tabs.van-tabs--line > div.van-tabs__content.van-tabs__content--animated > div > div:nth-child(1) > div > div > div.activity > div:nth-child(1) {
margin-left: 200px;
}
#challenges > div.activity-block > div.container > div.van-tabs.van-tabs--line > div.van-tabs__content.van-tabs__content--animated > div > div:nth-child(1) > div > div > div.activity > div:nth-child(2) {
margin-right: 150px;
}
#challenges > div.activity-block > div.container > div.van-tabs.van-tabs--line > div.van-tabs__content.van-tabs__content--animated > div > div:nth-child(1) > div > div > div.activity > div:nth-child(3) {
margin-left: 120px;
}
#challenges > div.activity-block > div.container > div.van-tabs.van-tabs--line > div.van-tabs__content.van-tabs__content--animated > div > div:nth-child(1) > div > div > div.header > div.user {
max-width: -30%;
}
body > div.pc-root-layout > div:nth-child(3) > div > div > div > div.layout > div > div.header > div.header-top > img {
margin-left:220px;
}
body > div.pc-root-layout > div:nth-child(3) > div > div > div > div.layout > div > div.header > div.header-top > div {
margin-left:10px;
}
body > div.pc-root-layout > div:nth-child(3) > div > div > div > div.layout > div > div.header > div.header-btm {
margin-left:220px;
}
body > div.pc-root-layout > div:nth-child(3) > div > div > div > div.layout > div > div.header > img {
margin-right: 220px;
}
}