This commit is contained in:
2025-12-08 13:57:40 +07:00
parent 603d024af3
commit ac2717b077
8 changed files with 148 additions and 169 deletions

View File

@@ -45,6 +45,7 @@
--color-purple-500: oklch(62.7% 0.265 303.9);
--color-purple-600: oklch(55.8% 0.288 302.321);
--color-fuchsia-500: oklch(66.7% 0.295 322.15);
--color-gray-50: oklch(98.5% 0.002 247.839);
--color-gray-100: oklch(96.7% 0.003 264.542);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-400: oklch(70.7% 0.022 261.325);
@@ -3478,23 +3479,6 @@
}
}
}
.stat {
@layer daisyui.l1.l2.l3 {
display: inline-grid;
width: 100%;
column-gap: calc(0.25rem * 4);
padding-inline: calc(0.25rem * 6);
padding-block: calc(0.25rem * 4);
grid-template-columns: repeat(1, 1fr);
&:not(:last-child) {
border-inline-end: var(--border) dashed currentColor;
@supports (color: color-mix(in lab, red, red)) {
border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000);
}
border-block-end: none;
}
}
}
.card-body {
@layer daisyui.l1.l2.l3 {
display: flex;
@@ -3902,6 +3886,9 @@
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
@@ -5801,6 +5788,9 @@
.text-error {
color: var(--color-error);
}
.text-gray-50 {
color: var(--color-gray-50);
}
.text-gray-500 {
color: var(--color-gray-500);
}
@@ -6782,32 +6772,9 @@
}
}
@layer components {
.btn-ouline, .btn-dash {
border-width: 1px;
border-color: gray;
}
.btn-active {
--btn-bg: var(--color-hura);
--btn-fg: #ffffff;
--btn-border: var(--color-hura);
color: var(--color-white);
}
.btn-active:hover {
--btn-bg: #002bb5;
--btn-border: #002bb5;
}
.bg-menu {
background-color: var(--color-header);
}
.btn-view {
background: #f5f7ff;
color: var(--color-hura);
border: 1px solid var(--color-hura);
}
.btn-view:hover {
background: var(--color-hura);
color: #fff;
}
.menu {
--menu-active-bg: #e9f2ff;
}
@@ -6933,6 +6900,27 @@
transition-duration: var(--tw-duration, var(--default-transition-duration));
flex-grow: 1;
}
@layer utilities {
.btn-active {
--btn-bg: var(--color-hura);
--btn-fg: #ffffff;
--btn-border: var(--color-hura);
color: var(--color-white);
}
.btn-active:hover {
--btn-bg: #002bb5;
--btn-border: #002bb5;
}
.btn-view {
background: #f5f7ff;
color: var(--color-hura);
border: 1px solid var(--color-hura);
}
.btn-view:hover {
background: var(--color-hura);
color: #fff;
}
}
@layer base {
:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
color-scheme: light;

View File

@@ -41,35 +41,9 @@
}
@layer components {
.btn-ouline,
.btn-dash {
border-width: 1px;
border-color: gray;
}
.btn-active {
--btn-bg: var(--color-hura);
--btn-fg: #ffffff;
--btn-border: var(--color-hura);
color: var(--color-white);
}
.btn-active:hover {
--btn-bg: #002bb5;
--btn-border: #002bb5;
}
.bg-menu {
background-color: var(--color-header);
}
.btn-view {
background: #f5f7ff;
color: var(--color-hura);
border: 1px solid var(--color-hura);
}
.btn-view:hover {
background: var(--color-hura);
color: #fff;
}
/* menu */
.menu {
& {
@@ -242,3 +216,25 @@
transition-duration: var(--tw-duration, var(--default-transition-duration));
flex-grow: 1;
}
@layer utilities {
.btn-active {
--btn-bg: var(--color-hura);
--btn-fg: #ffffff;
--btn-border: var(--color-hura);
color: var(--color-white);
}
.btn-active:hover {
--btn-bg: #002bb5;
--btn-border: #002bb5;
}
.btn-view {
background: #f5f7ff;
color: var(--color-hura);
border: 1px solid var(--color-hura);
}
.btn-view:hover {
background: var(--color-hura);
color: #fff;
}
}