kjh2064/KArtSell.Aegis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(fe): align tabs bar background with central canvas token var(--ks-color-canvas)

Browse Source
This commit is contained in:
김재현
2026-08-15 22:14:36 +09:00
parent 1476225c21
commit cc5b4757c4
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/current_screen.png
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 81 KiB

After

Width:  |  Height:  |  Size: 81 KiB

frontend/src/shared/shell/KsTabs.vue
+5 -5
View File
@@ -127,8 +127,8 @@ const isTabActive = (tabId: string) => activeTabId.value === tabId
display: flex;
align-items: center;
height: 32px;
background-color: #f1f5f9;
border-bottom: 1px solid var(--ks-color-neutral-300);
background-color: var(--ks-color-canvas);
border-bottom: 1px solid var(--ks-color-border-strong);
position: relative;
overflow: visible;
gap: var(--ks-space-1);
@@ -156,8 +156,8 @@ const isTabActive = (tabId: string) => activeTabId.value === tabId
width: 150px;
min-width: 150px;
max-width: 150px;
background-color: var(--ks-color-surface);
border: 1px solid var(--ks-color-neutral-300);
background-color: var(--ks-color-neutral-100);
border: 1px solid var(--ks-color-border-strong);
border-bottom: none;
border-radius: 4px 4px 0 0;
color: var(--ks-color-neutral-600);
@@ -175,7 +175,7 @@ const isTabActive = (tabId: string) => activeTabId.value === tabId
}
.ks-tabs__tab--active {
background-color: #ffffff;
background-color: var(--ks-color-surface);
color: var(--ks-color-action);
border-color: var(--ks-color-action);
border-top: 2px solid var(--ks-color-action);