tieptk/admin_hura_8
2
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Tieptk
2025-12-08 14:35:28 +07:00
parent ac2717b077
commit 0068d20a12
12 changed files with 58 additions and 438 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
assets/script/hura-lib.css
View File

@@ -1,8 +1,4 @@
/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@100;200;300;400;500;600;700;800;900;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:wght@400;500;600;700;800;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inclusive+Sans:wght@400;500;600;700;800;900;1000&display=swap";
@import "https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400;500;600;700;800;1000&display=swap";
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
@@ -11,6 +7,7 @@
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-red-200: oklch(88.5% 0.062 18.334);
--color-red-400: oklch(70.4% 0.191 22.216);
--color-red-500: oklch(63.7% 0.237 25.331);
--color-red-600: oklch(57.7% 0.245 27.325);
@@ -45,7 +42,6 @@
--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);
@@ -3886,9 +3882,6 @@
.w-3 {
width: calc(var(--spacing) * 3);
}
.w-4 {
width: calc(var(--spacing) * 4);
}
.w-6 {
width: calc(var(--spacing) * 6);
}
@@ -5176,6 +5169,16 @@
}
}
}
.select-sm {
@layer daisyui.l1.l2 {
--size: calc(var(--size-field, 0.25rem) * 8);
font-size: 0.75rem;
option {
padding-inline: calc(0.25rem * 2.5);
padding-block: calc(0.25rem * 1);
}
}
}
.table-md {
@layer daisyui.l1.l2 {
:not(thead, tfoot) tr {
@@ -5788,9 +5791,6 @@
.text-error {
color: var(--color-error);
}
.text-gray-50 {
color: var(--color-gray-50);
}
.text-gray-500 {
color: var(--color-gray-500);
}
@@ -5812,6 +5812,9 @@
.text-primary-content {
color: var(--color-primary-content);
}
.text-red-200 {
color: var(--color-red-200);
}
.text-red-500 {
color: var(--color-red-500);
}
@@ -6745,182 +6748,6 @@
}
}
}
@layer properties {
:root {
--font-sans: "Inclusive Sans", sans-serif;
--text-base: 16px;
--color-hura: #0041e8;
--color-header: #002bb5;
--text-base--line-height: 1.5;
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--layout-topbar-background: #fff;
--menu-active: #e9f2ff;
--menu-text: #177bff;
--menu-sub-bg: #fff;
}
}
@layer base {
html, body {
font-family: var(--font-sans);
font-size: var(--text-base);
line-height: var(--text-base--line-height);
}
*, *::before, *::after {
box-sizing: border-box;
}
}
@layer components {
.bg-menu {
background-color: var(--color-header);
}
.menu {
--menu-active-bg: #e9f2ff;
}
.menu-horizontal {
display: inline-flex;
flex-direction: row;
}
.menu-horizontal li {
position: relative;
}
.menu-horizontal li.active {
background: var(--menu-active);
}
.menu-horizontal li.active .grow, .menu-horizontal li.active svg {
color: var(--menu-text);
}
.menu-horizontal li.active ul li.active {
background: var(--color-hura);
}
.menu-horizontal li.active ul li.active a {
color: #fff;
}
.menu-horizontal li:hover {
background: var(--menu-active);
}
.menu-horizontal li:hover .grow, .menu-horizontal li:hover svg {
color: var(--color-hura);
}
.menu-horizontal li::before {
content: "";
position: absolute;
left: 0;
bottom: -18px;
width: 100%;
height: 30px;
display: none;
}
.menu-horizontal li:hover::before {
display: block;
}
.menu-horizontal li .submenu {
position: absolute !important;
top: 125%;
left: 0;
background: var(--menu-sub-bg);
margin-left: 0 !important;
padding: 0.5rem;
z-index: 999;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
display: none;
}
.menu-horizontal > li:not(.menu-title) > details > ul {
margin-top: 1rem;
padding-inline-end: 0.5rem;
}
.menu-horizontal li:hover .submenu, .menu-horizontal li:hover > details > ul {
display: block;
}
.menu-horizontal > li > details > ul:before {
content: none;
}
.menu-horizontal li ul li:hover {
background: var(--color-hura);
}
.menu-horizontal li ul li:hover a {
color: #fff;
}
.menu-horizontal li ul li:hover::before {
display: none;
}
.menu-horizontal .grow {
font-weight: 500;
}
.tw-qna {
gap: calc(var(--spacing) * 0.5);
}
.tw-zy {
align-items: center;
}
.tw-uba {
display: inline-flex;
}
.tw-usa {
width: calc(var(--spacing) * 5);
height: calc(var(--spacing) * 5);
}
.tw-sla {
width: calc(var(--spacing) * 4.5);
height: calc(var(--spacing) * 4.5);
}
.menu-icon-color {
color: #838383;
}
.card-body {
padding: calc(var(--spacing) * 4);
}
.-mt-25 {
margin-top: calc(var(--spacing) * -25);
}
}
#layout-topbar {
background: var(--layout-topbar-background);
top: calc(var(--spacing) * 0);
z-index: 10;
transition-property: top, margin, border-radius;
transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) );
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 0.3s;
transition-duration: 0.3s;
position: sticky;
border-bottom-style: solid;
border-bottom-width: 1px;
border-color: var(--color-base-300);
}
#layout-content {
padding: calc(var(--spacing) * 6);
transition-property: all;
transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) );
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;