refactor: migrate spacing utilities to tailwind v4 syntax

This commit is contained in:
xingyu4j
2026-03-14 18:27:16 +08:00
parent b9467b2bc3
commit 2823848fae
27 changed files with 45 additions and 45 deletions

View File

@@ -57,7 +57,7 @@ li {
}
li a {
@apply bg-accent text-muted-foreground relative mr-9 flex h-7 items-center py-0 pr-2 pl-[5px] text-[13px];
@apply bg-accent text-muted-foreground relative mr-9 flex h-7 items-center py-0 pr-2 pl-1.25 text-[13px];
}
li a > span {
@@ -69,7 +69,7 @@ li:first-child a > span {
}
li:first-child a {
@apply rounded-[4px_0_0_4px] pl-[15px];
@apply rounded-l-sm pl-3.75;
}
li:first-child a::before {
@@ -77,7 +77,7 @@ li:first-child a::before {
}
li:last-child a {
@apply rounded-[0_4px_4px_0] pr-[15px];
@apply rounded-r-sm pr-3.75;
}
li:last-child a::after {
@@ -86,7 +86,7 @@ li:last-child a::after {
li a::before,
li a::after {
@apply border-accent absolute top-0 h-0 w-0 border-[.875rem] border-solid content-[''];
@apply border-accent absolute top-0 h-0 w-0 border-14 border-solid content-[''];
}
li a::before {

View File

@@ -75,7 +75,7 @@ function onTransitionEnd() {
<div
:class="{ paused: !renderSpinner }"
v-if="renderSpinner"
class="loader before:bg-primary/50 after:bg-primary relative size-12 before:absolute before:top-[60px] before:left-0 before:h-[5px] before:w-12 before:rounded-[50%] before:content-[''] after:absolute after:top-0 after:left-0 after:h-full after:w-full after:rounded after:content-['']"
class="loader before:bg-primary/50 after:bg-primary relative size-12 before:absolute before:top-15 before:left-0 before:h-1.25 before:w-12 before:rounded-full before:content-[''] after:absolute after:top-0 after:left-0 after:h-full after:w-full after:rounded after:content-['']"
></div>
</div>
</template>