독립 페이지 하단 버튼 크기를 통일

This commit is contained in:
2026-08-31 14:55:52 +00:00
parent 7080ae5504
commit bf13dabc01
12 changed files with 126 additions and 35 deletions
+9 -1
View File
@@ -494,7 +494,11 @@ onMounted(() => {
</section>
<footer class="bottom-bar bg0">
<button class="legacy-button legacy-button--navigation close-button" type="button" @click="closeWindow">
<button
class="legacy-button legacy-button--navigation legacy-button--fixed-height close-button"
type="button"
@click="closeWindow"
>
닫기
</button>
</footer>
@@ -762,6 +766,10 @@ input:focus-visible {
.bottom-bar {
padding-top: 20px;
}
.bottom-bar .close-button {
--legacy-button-height: 32px;
width: 88px;
}
@media (max-width: 991px) {
.legacy-auction-page {
max-width: none;
@@ -317,7 +317,11 @@ onMounted(() => {
</section>
<footer class="battle-footer legacy-bg0">
<RouterLink v-slot="{ navigate }" custom to="/">
<button class="legacy-button legacy-button--navigation battle-nav" type="button" @click="navigate">
<button
class="legacy-button legacy-button--navigation legacy-button--fixed-height battle-nav"
type="button"
@click="navigate"
>
닫기
</button>
</RouterLink>
@@ -443,7 +447,7 @@ onMounted(() => {
padding-top: 20px;
}
.battle-footer .battle-nav {
width: 60px;
width: 88px;
}
@media (max-width: 991px) {
.battle-page {
@@ -452,5 +456,8 @@ onMounted(() => {
.battle-top {
grid-template-columns: 89px 89px 1fr 0 0;
}
.battle-footer .battle-nav {
width: 87px;
}
}
</style>
+1 -6
View File
@@ -496,12 +496,7 @@ onMounted(() => {
}
.bottom-bar .back-button {
--legacy-button-height: 35.5px;
display: inline-block;
width: 71px;
margin: 0;
padding-right: 6px;
padding-left: 6px;
width: 88px;
white-space: nowrap;
}
@@ -461,7 +461,11 @@ const repeatTurns = async (amount: number) => {
</template>
</div>
<footer class="chief-footer legacy-bg0">
<button class="legacy-button legacy-button--navigation chief-nav" type="button" @click="router.push('/')">
<button
class="legacy-button legacy-button--navigation legacy-button--fixed-height chief-nav"
type="button"
@click="router.push('/')"
>
돌아가기
</button>
</footer>
@@ -679,7 +683,7 @@ const repeatTurns = async (amount: number) => {
padding-top: 20px;
}
.chief-footer .chief-nav {
width: 70px;
width: 88px;
}
@media (max-width: 1024px) {
@@ -690,6 +694,9 @@ const repeatTurns = async (amount: number) => {
.chief-top {
grid-template-columns: 89px 89px 1fr 0 0;
}
.chief-footer .chief-nav {
width: 87px;
}
}
/* Ref PageChiefCenter의 24 + 4×238 + 24 행렬과 500px 축소 overview 계약입니다. */
@@ -130,21 +130,6 @@ const commandBrief = (command: ReservedCommand): string =>
</table>
<p v-if="error" class="error" role="alert">{{ error }}</p>
<template v-if="data && city">
<table class="legacy-table legacy-bg0 back-row">
<tbody>
<tr>
<td>
<button
class="legacy-button legacy-button--navigation back-link"
type="button"
@click="router.push('/')"
>
돌아가기
</button>
</td>
</tr>
</tbody>
</table>
<table class="legacy-table legacy-bg2 stats">
<colgroup>
<col class="label-col" />
@@ -388,9 +373,6 @@ const commandBrief = (command: ReservedCommand): string =>
.selector p {
margin: 1em 0;
}
.back-row {
margin-top: 16px;
}
.stats {
margin-top: 0;
table-layout: fixed;
+6 -2
View File
@@ -406,7 +406,11 @@ onMounted(() => {
</div>
<footer class="bottom_bar bg0">
<button class="legacy-button legacy-button--navigation back_btn" type="button" @click="router.push('/')">
<button
class="legacy-button legacy-button--navigation legacy-button--fixed-height back_btn"
type="button"
@click="router.push('/')"
>
닫기
</button>
</footer>
@@ -594,7 +598,7 @@ onMounted(() => {
.bottom_bar .back_btn {
display: inline-block;
width: auto;
width: 88px;
}
.vote-notice {