57 lines
1.2 KiB
CSS
57 lines
1.2 KiB
CSS
/* ☰ [설정] 창(PLAN 332-2) — 탭 줄 = 부품 보조 탭 · 휠 방향 = 부품 라디오 · CAD 별칭 표 = 부품 표 */
|
|
.app-settings .ui-text[hidden] {
|
|
display: none; /* 부품 보조 글은 display:flex 라 hidden 을 이김 */
|
|
}
|
|
|
|
.app-settings__tabs {
|
|
flex-wrap: wrap;
|
|
padding-bottom: var(--spacing-8);
|
|
}
|
|
|
|
.app-settings__radios {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-16);
|
|
}
|
|
|
|
.app-settings__radios > .ui-checkbox {
|
|
min-height: 32px;
|
|
}
|
|
|
|
/* 표 머리는 창 몸통을 따라 붙음 — 부품 표 겉틀의 가로 스크롤은 풂 */
|
|
.app-settings .ui-table-wrap {
|
|
overflow: visible;
|
|
}
|
|
|
|
.app-settings__table thead th {
|
|
position: sticky;
|
|
top: 0;
|
|
background: var(--color-surface-raised);
|
|
}
|
|
|
|
.app-settings__rules {
|
|
margin: 0 0 var(--spacing-8);
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.app-settings__rules > li {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 15em) 1fr;
|
|
align-items: center;
|
|
gap: var(--spacing-12);
|
|
padding: var(--spacing-4) 0;
|
|
border-bottom: 1px solid var(--color-border);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.app-settings__keys {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
.app-settings__keys:only-child {
|
|
grid-column: 1 / -1;
|
|
}
|