fix(game-ui): 공통 Lumen 버튼 모양을 통일한다
상하단 이동·갱신 제어와 장수 목록, 토너먼트, 명령 선택을 공통 semantic button family로 연결한다. 고정 행은 공통 fixed-height 변형이 hover와 active 높이를 보정하게 하고 실제 Chromium geometry 회귀를 추가한다.
This commit is contained in:
@@ -53,7 +53,13 @@ onMounted(async () => {
|
||||
<template>
|
||||
<main class="global-page legacy-bg0">
|
||||
<header class="legacy-title">
|
||||
<button type="button" @click="goBack">돌아가기</button><strong>중원 정보</strong>
|
||||
<button
|
||||
class="legacy-button legacy-button--navigation legacy-button--fixed-height"
|
||||
type="button"
|
||||
@click="goBack"
|
||||
>
|
||||
돌아가기</button
|
||||
><strong>중원 정보</strong>
|
||||
</header>
|
||||
<p v-if="error" class="error">{{ error }}</p>
|
||||
<section v-if="data" class="section">
|
||||
@@ -147,7 +153,15 @@ onMounted(async () => {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<footer class="legacy-title footer"><button type="button" @click="goBack">돌아가기</button></footer>
|
||||
<footer class="legacy-title footer">
|
||||
<button
|
||||
class="legacy-button legacy-button--navigation legacy-button--fixed-height"
|
||||
type="button"
|
||||
@click="goBack"
|
||||
>
|
||||
돌아가기
|
||||
</button>
|
||||
</footer>
|
||||
<button class="legacy-compat-button" type="button" tabindex="-1" aria-hidden="true" />
|
||||
</main>
|
||||
</template>
|
||||
@@ -178,15 +192,10 @@ onMounted(async () => {
|
||||
line-height: 32px;
|
||||
}
|
||||
.legacy-title button {
|
||||
--legacy-button-height: 32px;
|
||||
position: absolute;
|
||||
inset: 0 auto 0 0;
|
||||
width: 88px;
|
||||
border: 1px solid #0a9960;
|
||||
border-radius: 0 0 4px;
|
||||
background: #087f45;
|
||||
color: #fff;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
}
|
||||
.legacy-compat-button {
|
||||
display: none;
|
||||
|
||||
Reference in New Issue
Block a user