fix(frontend): converge scenario 2601 legacy UI

This commit is contained in:
2026-08-04 05:29:18 +00:00
parent 9cfeaed3fe
commit 4113d81ba2
33 changed files with 1944 additions and 492 deletions
@@ -87,12 +87,8 @@ watch(viewMode, () => {
</div>
<div class="view-selector" role="group" aria-label="장수 유형">
<button class="legacy-button" type="button" :aria-pressed="viewMode === 'user'" @click="viewMode = 'user'">
유저 보기
</button>
<button class="legacy-button" type="button" :aria-pressed="viewMode === 'npc'" @click="viewMode = 'npc'">
NPC 보기
</button>
<input type="button" value="유저 보기" :aria-pressed="viewMode === 'user'" @click="viewMode = 'user'" />
<input type="button" value="NPC 보기" :aria-pressed="viewMode === 'npc'" @click="viewMode = 'npc'" />
</div>
<div v-if="errorMessage" class="legacy-message error" role="alert">{{ errorMessage }}</div>
@@ -177,10 +173,12 @@ watch(viewMode, () => {
.legacy-ranking-page {
width: 500px;
min-height: 100vh;
margin: 0 auto 100px;
margin: 0 auto;
background-color: transparent;
color: #fff;
font-family: var(--sammo-font-sans);
font-size: 14px;
line-height: 1.3;
}
.legacy-ranking-title,
@@ -197,7 +195,7 @@ watch(viewMode, () => {
}
.view-selector {
padding: 2px 0;
padding: 0;
}
.view-selector .legacy-button + .legacy-button {
@@ -246,6 +244,11 @@ watch(viewMode, () => {
color: #fff;
text-decoration: underline;
}
.legacy-banner::after {
display: block;
height: 14px;
content: '';
}
.ranking-sections {
display: block;
@@ -265,6 +268,7 @@ watch(viewMode, () => {
font-weight: 500;
line-height: 1.2;
text-align: center;
background-color: transparent;
}
.rankView ul {
@@ -337,6 +341,12 @@ watch(viewMode, () => {
line-height: 13px;
}
@media (max-width: 999.98px) {
.legacy-ranking-page {
margin-bottom: 100px;
}
}
@media (min-width: 1000px) {
:global(body) {
min-width: 1000px;