Skip to content

Commit 66c8a71

Browse files
committed
fix tabs-box render issue on Nuxt. closes: saadeghi#3724
1 parent 35f1650 commit 66c8a71

File tree

1 file changed

+6
-4
lines changed
  • packages/daisyui/src/components

1 file changed

+6
-4
lines changed

packages/daisyui/src/components/tab.css

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -431,10 +431,12 @@
431431

432432
.tabs-box {
433433
@apply bg-base-200 p-1;
434-
border-radius: calc(
435-
var(--radius-field) +
436-
min(0.25rem, calc(var(--radius-field) + var(--radius-field) + var(--radius-field)))
437-
);
434+
/*
435+
using --tabs-box-radius CSS variable to avoid Nuxt build issue
436+
https://github.com/saadeghi/daisyui/issues/3724
437+
*/
438+
--tabs-box-radius: calc(var(--radius-field) + var(--radius-field) + var(--radius-field));
439+
border-radius: calc(var(--radius-field) + min(0.25rem, var(--tabs-box-radius)));
438440
box-shadow:
439441
0 -0.5px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset,
440442
0 0.5px oklch(0% 0 0 / calc(var(--depth) * 0.05)) inset;

0 commit comments

Comments
 (0)