diff --git a/controlpanel/templates/templatetags/field.html b/controlpanel/templates/templatetags/field.html index 6fe2429..8930650 100644 --- a/controlpanel/templates/templatetags/field.html +++ b/controlpanel/templates/templatetags/field.html @@ -3,7 +3,7 @@
{% if show_label %} -
+
{{ field.label }}
diff --git a/static/css/app.css b/static/css/app.css index 67403d4..dcf8dfc 100644 --- a/static/css/app.css +++ b/static/css/app.css @@ -7,7 +7,6 @@ --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace; --color-red-500: oklch(63.7% 0.237 25.331); --color-sky-500: oklch(68.5% 0.169 237.323); - --color-blue-500: oklch(62.3% 0.214 259.815); --color-gray-500: oklch(55.1% 0.027 264.364); --color-black: #000; --color-white: #fff; @@ -34,12 +33,8 @@ --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; - --font-weight-extrabold: 800; --tracking-wide: 0.025em; --tracking-wider: 0.05em; - --radius-sm: 0.25rem; - --radius-md: 0.375rem; - --radius-lg: 0.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; @@ -692,26 +687,6 @@ } } } - .collapse-plus { - @layer daisyui.l1.l2 { - > .collapse-title:after { - position: absolute; - display: block; - height: 0.5rem; - width: 0.5rem; - @media (prefers-reduced-motion: no-preference) { - transition-property: all; - transition-duration: 300ms; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - } - top: 0.9rem; - inset-inline-end: 1.4rem; - --tw-content: "+"; - content: var(--tw-content); - pointer-events: none; - } - } - } .dropdown { @layer daisyui.l1.l2.l3 { position: relative; @@ -1165,21 +1140,6 @@ } } } - .collapse-open { - @layer daisyui.l1.l2 { - grid-template-rows: max-content 1fr; - > .collapse-content { - --overflow-delay: 0.2s; - overflow: revert-layer; - content-visibility: visible; - min-height: fit-content; - padding-bottom: 1rem; - @supports not (content-visibility: visible) { - visibility: visible; - } - } - } - } .collapse { visibility: collapse; } @@ -1248,27 +1208,6 @@ } } } - .toast { - @layer daisyui.l1.l2.l3 { - position: fixed; - inset-inline-start: auto; - inset-inline-end: calc(0.25rem * 4); - top: auto; - bottom: calc(0.25rem * 4); - display: flex; - flex-direction: column; - gap: calc(0.25rem * 2); - background-color: transparent; - translate: var(--toast-x, 0) var(--toast-y, 0); - width: max-content; - max-width: calc(100vw - 2rem); - & > * { - @media (prefers-reduced-motion: no-preference) { - animation: toast 0.25s ease-out; - } - } - } - } .toggle { @layer daisyui.l1.l2.l3 { border: var(--border) solid currentColor; @@ -1622,51 +1561,6 @@ } } } - .aura { - @layer daisyui.l1.l2.l3 { - position: relative; - display: inline-block; - --aura-padding: 0.125rem; - padding: var(--aura-padding); - border-radius: calc(var(--aura-padding) + var(--aura-radius, var(--radius-box))); - animation: aura var(--tw-duration, 6s) linear infinite; - background-image: conic-gradient(from var(--aura-angle), transparent 225deg, currentColor); - &:has( > .card, > .alert) { - --aura-radius: var(--radius-box); - } - &:has( > .btn, > .input, > .select) { - --aura-radius: var(--radius-field); - } - &:has( > .checkbox, > .toggle, > .badge) { - --aura-radius: var(--radius-selector); - } - &:before, &:after { - animation: inherit; - background-color: inherit; - background-image: inherit; - border-radius: inherit; - position: absolute; - top: calc(1 / 2 * 100%); - left: calc(1 / 2 * 100%); - z-index: 0; - display: block; - opacity: 70%; - filter: blur(0.25rem); - translate: -50% -50%; - width: 100%; - height: 100%; - content: ""; - } - &:after { - opacity: 30%; - filter: blur(1rem); - } - & > * { - position: relative; - z-index: 1; - } - } - } .steps { @layer daisyui.l1.l2.l3 { display: inline-grid; @@ -2196,48 +2090,6 @@ } } } - .rating { - @layer daisyui.l1.l2.l3 { - position: relative; - display: inline-flex; - vertical-align: middle; - --size: var(--size-selector, 0.25rem) * 6; - input { - cursor: pointer; - appearance: none; - } - * { - border-radius: 0; - background-color: var(--color-base-content); - opacity: 20%; - width: calc(var(--size) * 1); - height: calc(var(--size)); - @media (prefers-reduced-motion: no-preference) { - animation: rating 0.25s ease-out; - } - } - .rating-hidden { - width: calc(0.25rem * 2); - background-color: transparent; - } - :checked, [aria-checked="true"], [aria-current="true"], :has( ~ :checked, ~ [aria-checked="true"], ~ [aria-current="true"]) { - opacity: 100%; - } - :focus-visible { - scale: 1.1; - @media (prefers-reduced-motion: no-preference) { - transition: scale 0.2s ease-out; - } - } - :active:focus { - animation: none; - scale: 1.1; - } - } - @layer daisyui.l1.l2 { - --size: var(--size-selector, 0.25rem) * 6; - } - } .navbar { @layer daisyui.l1.l2.l3 { display: flex; @@ -2371,30 +2223,6 @@ .sticky { position: sticky; } - .dropdown-right { - @layer daisyui.l1.l2 { - --anchor-h: right; - --anchor-v: span-bottom; - .dropdown-content { - inset-inline-start: 100%; - top: 0; - bottom: auto; - transform-origin: 0; - } - } - } - .dropdown-left { - @layer daisyui.l1.l2 { - --anchor-h: left; - --anchor-v: span-bottom; - .dropdown-content { - inset-inline-end: 100%; - top: 0; - bottom: auto; - transform-origin: 100%; - } - } - } .dropdown-end { @layer daisyui.l1.l2 { --anchor-h: span-left; @@ -3230,9 +3058,6 @@ .inline-flex { display: inline-flex; } - .inline-grid { - display: inline-grid; - } .table { display: table; } @@ -3260,9 +3085,6 @@ .w-16 { width: calc(var(--spacing) * 16); } - .w-24 { - width: calc(var(--spacing) * 24); - } .w-60 { width: calc(var(--spacing) * 60); } @@ -3293,55 +3115,18 @@ .flex-1 { flex: 1; } - .flex-shrink { - flex-shrink: 1; - } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } - .flex-grow { - flex-grow: 1; - } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } - .transform { - transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); - } - .skeleton { - @layer daisyui.l1.l2.l3 { - border-radius: var(--radius-box); - background-color: var(--color-base-300); - @media (prefers-reduced-motion: reduce) { - transition-duration: 15s; - } - will-change: background-position; - background-image: linear-gradient( 105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100% ); - background-size: 200% auto; - background-position-x: -50%; - @media (prefers-reduced-motion: no-preference) { - animation: skeleton 1.8s ease-in-out infinite; - } - } - } - .aura-glow { - @layer daisyui.l1.l2 { - animation: none; - background-image: radial-gradient(closest-corner at center, currentColor 0%, transparent 90%); - &:before { - animation: aura-glow var(--tw-duration, 6s) ease-out infinite; - } - &:after { - animation: aura-glow-after var(--tw-duration, 6s) ease-out infinite; - } - } - } .link { @layer daisyui.l1.l2.l3 { cursor: pointer; @@ -3562,9 +3347,6 @@ .bg-neutral { background-color: var(--color-neutral); } - .bg-primary { - background-color: var(--color-primary); - } .bg-secondary { background-color: var(--color-secondary); } @@ -3647,9 +3429,6 @@ --btn-shadow: 0 0 0 0 oklch(0% 0 0/0); } } - .mask-repeat { - mask-repeat: repeat; - } .object-contain { object-fit: contain; } @@ -3677,12 +3456,6 @@ .px-3 { padding-inline: calc(var(--spacing) * 3); } - .px-4 { - padding-inline: calc(var(--spacing) * 4); - } - .px-6 { - padding-inline: calc(var(--spacing) * 6); - } .px-8 { padding-inline: calc(var(--spacing) * 8); } @@ -3835,24 +3608,6 @@ .text-base-content { color: var(--color-base-content); } - .text-base-content\/30 { - color: var(--color-base-content); - @supports (color: color-mix(in lab, red, red)) { - color: color-mix(in oklab, var(--color-base-content) 30%, transparent); - } - } - .text-base-content\/35 { - color: var(--color-base-content); - @supports (color: color-mix(in lab, red, red)) { - color: color-mix(in oklab, var(--color-base-content) 35%, transparent); - } - } - .text-base-content\/40 { - color: var(--color-base-content); - @supports (color: color-mix(in lab, red, red)) { - color: color-mix(in oklab, var(--color-base-content) 40%, transparent); - } - } .text-base-content\/50 { color: var(--color-base-content); @supports (color: color-mix(in lab, red, red)) { @@ -3883,12 +3638,6 @@ .text-neutral-content { color: var(--color-neutral-content); } - .text-primary-content { - color: var(--color-primary-content); - } - .text-red-500 { - color: var(--color-red-500); - } .text-secondary-content { color: var(--color-secondary-content); } @@ -3917,9 +3666,6 @@ text-decoration-line: none; } } - .underline { - text-decoration-line: underline; - } .opacity-50 { opacity: 50%; } @@ -3951,19 +3697,6 @@ .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } - .transition { - transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; - transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); - transition-duration: var(--tw-duration, var(--default-transition-duration)); - } - .ease-in-out { - --tw-ease: var(--ease-in-out); - transition-timing-function: var(--ease-in-out); - } - .ease-out { - --tw-ease: var(--ease-out); - transition-timing-function: var(--ease-out); - } .input-lg { @layer daisyui.l1.l2 { --in-size-mul: 12; @@ -4025,13 +3758,6 @@ --btn-soft-bg: initial; } } - .btn-xs { - @layer daisyui.l1.l2 { - --fontsize: 0.6875rem; - --btn-p: 0.5rem; - --size: calc(var(--size-field, 0.25rem) * 6); - } - } .badge-accent { @layer daisyui.l1.l2 { --badge-color: var(--color-accent); @@ -4562,26 +4288,6 @@ opacity: 0; } } -@property --tw-rotate-x { - syntax: "*"; - inherits: false; -} -@property --tw-rotate-y { - syntax: "*"; - inherits: false; -} -@property --tw-rotate-z { - syntax: "*"; - inherits: false; -} -@property --tw-skew-x { - syntax: "*"; - inherits: false; -} -@property --tw-skew-y { - syntax: "*"; - inherits: false; -} @property --tw-space-y-reverse { syntax: "*"; inherits: false; @@ -4748,18 +4454,9 @@ syntax: "*"; inherits: false; } -@property --tw-ease { - syntax: "*"; - inherits: false; -} @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { - --tw-rotate-x: initial; - --tw-rotate-y: initial; - --tw-rotate-z: initial; - --tw-skew-x: initial; - --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; @@ -4798,7 +4495,6 @@ --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; - --tw-ease: initial; } } }