fix(game-ui): 공통 Lumen 버튼 모양을 통일한다
상하단 이동·갱신 제어와 장수 목록, 토너먼트, 명령 선택을 공통 semantic button family로 연결한다. 고정 행은 공통 fixed-height 변형이 hover와 active 높이를 보정하게 하고 실제 Chromium geometry 회귀를 추가한다.
This commit is contained in:
@@ -588,7 +588,13 @@ const clickOutsideMenu = (event: Event) => {
|
||||
</button>
|
||||
</div>
|
||||
</details>
|
||||
<button type="button" class="select-command" @click="togglePicker()">명령 선택 ▾</button>
|
||||
<button
|
||||
type="button"
|
||||
class="legacy-button legacy-button--info legacy-button--fixed-height select-command"
|
||||
@click="togglePicker()"
|
||||
>
|
||||
명령 선택 ▾
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="queue-area">
|
||||
@@ -806,8 +812,7 @@ const clickOutsideMenu = (event: Event) => {
|
||||
}
|
||||
.control-pad > button,
|
||||
.clock,
|
||||
.legacy-menu > summary,
|
||||
.select-command {
|
||||
.legacy-menu > summary {
|
||||
box-sizing: border-box;
|
||||
min-height: 34px;
|
||||
border: 0;
|
||||
@@ -822,6 +827,12 @@ const clickOutsideMenu = (event: Event) => {
|
||||
cursor: pointer;
|
||||
list-style: none;
|
||||
}
|
||||
.select-command {
|
||||
--legacy-button-height: 34px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
padding: 4px;
|
||||
}
|
||||
.clock {
|
||||
background: #345c85;
|
||||
font-variant-numeric: tabular-nums;
|
||||
@@ -1024,9 +1035,6 @@ const clickOutsideMenu = (event: Event) => {
|
||||
grid-template-columns: 5fr 7fr;
|
||||
order: 1;
|
||||
}
|
||||
.advanced-actions > * {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
.bottom-actions {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
|
||||
Reference in New Issue
Block a user