fix(game-ui): 공통 Lumen 버튼 모양을 통일한다
상하단 이동·갱신 제어와 장수 목록, 토너먼트, 명령 선택을 공통 semantic button family로 연결한다. 고정 행은 공통 fixed-height 변형이 hover와 active 높이를 보정하게 하고 실제 Chromium geometry 회귀를 추가한다.
This commit is contained in:
@@ -318,8 +318,19 @@ const repeatTurns = async (amount: number) => {
|
||||
<template>
|
||||
<main class="chief-page">
|
||||
<header class="chief-top legacy-bg0">
|
||||
<button class="chief-nav" type="button" @click="router.push('/')">돌아가기</button>
|
||||
<button class="chief-nav" @click="loadChiefCenter">갱신</button>
|
||||
<button
|
||||
class="legacy-button legacy-button--navigation legacy-button--fixed-height chief-nav"
|
||||
type="button"
|
||||
@click="router.push('/')"
|
||||
>
|
||||
돌아가기
|
||||
</button>
|
||||
<button
|
||||
class="legacy-button legacy-button--navigation legacy-button--fixed-height chief-nav"
|
||||
@click="loadChiefCenter"
|
||||
>
|
||||
갱신
|
||||
</button>
|
||||
<h1>사령부</h1>
|
||||
<div></div>
|
||||
<div></div>
|
||||
@@ -442,7 +453,9 @@ const repeatTurns = async (amount: number) => {
|
||||
</template>
|
||||
</div>
|
||||
<footer class="chief-footer legacy-bg0">
|
||||
<button class="chief-nav" type="button" @click="router.push('/')">돌아가기</button>
|
||||
<button class="legacy-button legacy-button--navigation chief-nav" type="button" @click="router.push('/')">
|
||||
돌아가기
|
||||
</button>
|
||||
</footer>
|
||||
</main>
|
||||
</template>
|
||||
@@ -643,19 +656,12 @@ const repeatTurns = async (amount: number) => {
|
||||
text-align: center;
|
||||
}
|
||||
.chief-nav {
|
||||
--legacy-button-height: 32px;
|
||||
box-sizing: border-box;
|
||||
height: 32px;
|
||||
margin-right: 2px;
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
background: #00582c;
|
||||
color: #fff;
|
||||
font: inherit;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.layout-desktop {
|
||||
display: block;
|
||||
|
||||
Reference in New Issue
Block a user