fix: tailwindcss config

This commit is contained in:
dullathanol
2026-04-08 10:11:05 +08:00
parent 195b2ea0d2
commit f443bfbc7b
2 changed files with 32 additions and 22 deletions

View File

@@ -380,6 +380,13 @@
@apply hidden; @apply hidden;
} }
} }
/* Tailwind v4 Preflight 不再为 button 默认设置 pointer;见官方升级说明:
* https://tailwindcss.com/docs/upgrade-guide#buttons-use-the-default-cursor */
button:not(:disabled),
[role='button']:not(:disabled) {
@apply cursor-pointer;
}
} }
/* Custom utilities (v4 @utility syntax) */ /* Custom utilities (v4 @utility syntax) */
@@ -396,7 +403,9 @@
justify-content: center; justify-content: center;
} }
/* Component styles (complex selectors, not convertible to @utility) */ /* Tailwind v4 的 utilities 在 @layer 内;组件样式若留在 layer 外(unlayered),会按层叠规则压过 py-4 等工具类。
* 见:https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layering */
@layer components {
.outline-box { .outline-box {
@apply outline-border relative cursor-pointer rounded-md p-1 outline-1; @apply outline-border relative cursor-pointer rounded-md p-1 outline-1;
} }
@@ -424,6 +433,7 @@
.card-box { .card-box {
@apply bg-card text-card-foreground border-border rounded-xl border; @apply bg-card text-card-foreground border-border rounded-xl border;
} }
}
/* Enter animations (converted from enterAnimationPlugin) */ /* Enter animations (converted from enterAnimationPlugin) */
@keyframes enter-x-animation { @keyframes enter-x-animation {