OPtimized components
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s

This commit is contained in:
2026-04-26 23:33:55 +02:00
parent 971133d430
commit e3e5082247
15 changed files with 438 additions and 755 deletions

130
dist/sigpro-ui.css vendored
View File

@@ -19,6 +19,8 @@
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
@@ -2718,6 +2720,58 @@
.inset-y-0 {
inset-block: calc(var(--spacing) * 0);
}
.chat-end {
@layer daisyui.l1.l2 {
place-items: end;
grid-template-columns: 1fr auto;
.chat-header {
grid-column-start: 1;
}
.chat-footer {
grid-column-start: 1;
}
.chat-image {
grid-column-start: 2;
}
.chat-bubble {
grid-column-start: 1;
border-end-end-radius: 0;
&:before {
transform: rotateY(180deg);
inset-inline-start: 100%;
}
[dir="rtl"] &:before {
transform: rotateY(0deg);
}
}
}
}
.chat-start {
@layer daisyui.l1.l2 {
place-items: start;
grid-template-columns: auto 1fr;
.chat-header {
grid-column-start: 2;
}
.chat-footer {
grid-column-start: 2;
}
.chat-image {
grid-column-start: 1;
}
.chat-bubble {
grid-column-start: 2;
border-end-start-radius: 0;
&:before {
transform: rotateY(0deg);
inset-inline-start: -0.75rem;
}
[dir="rtl"] &:before {
transform: rotateY(180deg);
}
}
}
}
.start {
inset-inline-start: var(--spacing);
}
@@ -2996,9 +3050,6 @@
.-z-0 {
z-index: calc(0 * -1);
}
.z-1 {
z-index: 1;
}
.z-10 {
z-index: 10;
}
@@ -3302,6 +3353,29 @@
grid-row-start: 2;
}
}
.drawer-end {
@layer daisyui.l1.l2 {
grid-auto-columns: auto max-content;
> .drawer-toggle {
~ .drawer-content {
grid-column-start: 1;
}
~ .drawer-side {
grid-column-start: 2;
justify-items: end;
}
~ .drawer-side > :not(.drawer-overlay) {
translate: 100%;
[dir="rtl"] & {
translate: -100%;
}
}
&:checked ~ .drawer-side > :not(.drawer-overlay) {
translate: 0%;
}
}
}
}
.stat-value {
@layer daisyui.l1.l2.l3 {
grid-column-start: 1;
@@ -3411,6 +3485,9 @@
.m-1 {
margin: calc(var(--spacing) * 1);
}
.m-4 {
margin: calc(var(--spacing) * 4);
}
.filter {
@layer daisyui.l1.l2.l3 {
display: flex;
@@ -3993,6 +4070,19 @@
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-\[lucide--moon\] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E");
}
.icon-\[lucide--paperclip\] {
display: inline-block;
width: 1em;
@@ -4071,6 +4161,19 @@
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2s4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-\[lucide--sun\] {
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-\[lucide--text\] {
display: inline-block;
width: 1em;
@@ -4540,6 +4643,9 @@
.w-56 {
width: calc(var(--spacing) * 56);
}
.w-60 {
width: calc(var(--spacing) * 60);
}
.w-64 {
width: calc(var(--spacing) * 64);
}
@@ -4719,6 +4825,9 @@
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
@@ -4868,6 +4977,14 @@
background-image: none;
}
}
.badge-outline {
@layer daisyui.l1.l2 {
color: var(--badge-color);
--badge-bg: #0000;
background-image: none;
border-color: currentColor;
}
}
.border-base-200\/30 {
border-color: var(--color-base-200);
@supports (color: color-mix(in lab, red, red)) {
@@ -5179,6 +5296,10 @@
font-size: var(--text-7xl);
line-height: var(--tw-leading, var(--text-7xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
@@ -5354,9 +5475,6 @@
.text-secondary-content {
color: var(--color-secondary-content);
}
.text-success {
color: var(--color-success);
}
.text-transparent {
color: transparent;
}