- 탭 텍스트 white-space:nowrap, 탭 영역 flex:none(안 줄어듦) - tabs-row flex-wrap: 좁으면 액션 버튼이 아래 줄로 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -341,9 +341,11 @@ button.danger {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
gap: 0.75rem;
|
gap: 0.75rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
flex-wrap: wrap; /* 좁으면 액션 버튼이 아래 줄로 — 탭 텍스트가 깨지지 않게 */
|
||||||
}
|
}
|
||||||
.tabs-row .tabs {
|
.tabs-row .tabs {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
flex: none; /* 탭은 줄어들지 않음 */
|
||||||
}
|
}
|
||||||
.tabs-actions {
|
.tabs-actions {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -369,6 +371,7 @@ button.danger {
|
|||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
padding: 0.6rem 1rem;
|
padding: 0.6rem 1rem;
|
||||||
|
white-space: nowrap; /* '지출 분류' 두 줄로 깨짐 방지 */
|
||||||
}
|
}
|
||||||
.tabs button.active {
|
.tabs button.active {
|
||||||
border-bottom-color: hsla(160, 100%, 37%, 1);
|
border-bottom-color: hsla(160, 100%, 37%, 1);
|
||||||
|
|||||||
Reference in New Issue
Block a user