refactor: replace px calc spacing utilities

This commit is contained in:
xingyu4j
2026-03-14 18:31:35 +08:00
parent 2823848fae
commit f25f3a34d0
6 changed files with 18 additions and 17 deletions

View File

@@ -113,7 +113,7 @@ function onMouseDown(e: MouseEvent, tab: TabConfig) {
></div>
<!-- background -->
<div
class="tabs-chrome__background absolute z-[-1] size-full px-[calc(var(--gap)-1px)] py-0 transition-opacity duration-150"
class="tabs-chrome__background absolute z-[-1] size-full px-[calc(var(--gap)-calc(var(--spacing)*0.25))] py-0 transition-opacity duration-150"
>
<div
class="tabs-chrome__background-content h-full rounded-tl-(--gap) rounded-tr-(--gap) duration-150 group-[.is-active]:bg-primary/15 group-[.is-active]:dark:bg-accent"

View File

@@ -34,7 +34,7 @@ const typeWithClass = computed(() => {
},
card: {
content:
'h-[calc(100%-6px)] rounded-md ml-2 border border-border transition-all',
'h-[calc(100%-calc(var(--spacing)*1.5))] rounded-md ml-2 border border-border transition-all',
},
plain: {
content: