diff --git a/src/ui/static/css/dashboard.css b/src/ui/static/css/dashboard.css index 8133fe8d5..eb354b40d 100644 --- a/src/ui/static/css/dashboard.css +++ b/src/ui/static/css/dashboard.css @@ -1406,14 +1406,6 @@ h6 { min-width: 500px; } -.min-w-\[100px\] { - min-width: 100px; -} - -.min-w-\[200px\] { - min-width: 200px; -} - .min-w-\[150px\] { min-width: 150px; } @@ -1470,18 +1462,23 @@ h6 { flex-basis: 100%; } +.translate-x-3 { + --tw-translate-x: 0.75rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .translate-y-2 { --tw-translate-y: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-x-3 { - --tw-translate-x: -0.75rem; +.translate-x-2 { + --tw-translate-x: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.-translate-x-4 { - --tw-translate-x: -1rem; +.-translate-x-2 { + --tw-translate-x: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @@ -1500,11 +1497,6 @@ h6 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.translate-x-1 { - --tw-translate-x: 0.25rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .translate-x-90 { --tw-translate-x: 22.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1535,6 +1527,11 @@ h6 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } +.translate-x-1 { + --tw-translate-x: 0.25rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .-translate-x-full { --tw-translate-x: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1565,36 +1562,6 @@ h6 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } -.translate-x-2 { - --tw-translate-x: 0.5rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.-translate-x-1 { - --tw-translate-x: -0.25rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.-translate-x-2 { - --tw-translate-x: -0.5rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.-translate-x-5 { - --tw-translate-x: -1.25rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.translate-x-4 { - --tw-translate-x: 1rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.translate-x-3 { - --tw-translate-x: 0.75rem; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - .rotate-12 { --tw-rotate: 12deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -2081,8 +2048,8 @@ h6 { fill: #fff; } -.fill-sky-800 { - fill: #075985; +.fill-green-700 { + fill: #15803d; } .fill-orange-500 { @@ -2121,8 +2088,8 @@ h6 { fill: #db2777; } -.fill-emerald-700 { - fill: #047857; +.fill-emerald-600 { + fill: #059669; } .fill-amber-500 { @@ -2133,14 +2100,6 @@ h6 { fill: #3a416f; } -.fill-green-700 { - fill: #15803d; -} - -.fill-emerald-600 { - fill: #059669; -} - .stroke-0 { stroke-width: 0; } @@ -2315,6 +2274,10 @@ h6 { padding-left: 1.5rem; } +.pr-8 { + padding-right: 2rem; +} + .pl-3 { padding-left: 0.75rem; } @@ -2470,6 +2433,10 @@ h6 { line-height: 1.25; } +.leading-8 { + line-height: 2rem; +} + .tracking-tight-rem { letter-spacing: -0.025rem; } @@ -3107,6 +3074,11 @@ h6 { display: none; } +.dark .dark\:border-slate-850 { + --tw-border-opacity: 1; + border-color: rgb(17 28 68 / var(--tw-border-opacity)); +} + .dark .dark\:border-slate-600 { --tw-border-opacity: 1; border-color: rgb(98 117 148 / var(--tw-border-opacity)); @@ -3122,11 +3094,6 @@ h6 { border-color: rgb(73 80 87 / var(--tw-border-opacity)); } -.dark .dark\:border-slate-850 { - --tw-border-opacity: 1; - border-color: rgb(17 28 68 / var(--tw-border-opacity)); -} - .dark .dark\:bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(5 17 57 / var(--tw-bg-opacity)); @@ -3142,9 +3109,8 @@ h6 { background-color: rgb(52 71 103 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-500 { - --tw-bg-opacity: 1; - background-color: rgb(173 181 189 / var(--tw-bg-opacity)); +.dark .dark\:bg-green-500\/90 { + background-color: rgb(34 197 94 / 0.9); } .dark .dark\:bg-primary { @@ -3156,6 +3122,10 @@ h6 { background-color: rgb(8 85 119 / 0.5); } +.dark .dark\:bg-slate-900\/30 { + background-color: rgb(5 17 57 / 0.3); +} + .dark .dark\:bg-primary\/20 { background-color: rgb(8 85 119 / 0.2); } @@ -3169,69 +3139,6 @@ h6 { background-color: rgb(37 47 64 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-900 { - --tw-bg-opacity: 1; - background-color: rgb(20 23 39 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-slate-850\/90 { - background-color: rgb(17 28 68 / 0.9); -} - -.dark .dark\:bg-slate-800 { - --tw-bg-opacity: 1; - background-color: rgb(58 65 111 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-slate-900\/50 { - background-color: rgb(5 17 57 / 0.5); -} - -.dark .dark\:bg-slate-850\/20 { - background-color: rgb(17 28 68 / 0.2); -} - -.dark .dark\:bg-slate-850\/30 { - background-color: rgb(17 28 68 / 0.3); -} - -.dark .dark\:bg-slate-850\/70 { - background-color: rgb(17 28 68 / 0.7); -} - -.dark .dark\:bg-slate-900\/80 { - background-color: rgb(5 17 57 / 0.8); -} - -.dark .dark\:bg-slate-900\/30 { - background-color: rgb(5 17 57 / 0.3); -} - -.dark .dark\:bg-green-500\/90 { - background-color: rgb(34 197 94 / 0.9); -} - -.dark .dark .dark\:dark\:bg-green-500\/90 { - background-color: rgb(34 197 94 / 0.9); -} - -.dark .dark\:bg-blue-500\/90 { - background-color: rgb(94 114 228 / 0.9); -} - -.dark .dark\:bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgb(33 82 255 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-opacity-70 { - --tw-bg-opacity: 0.7; -} - -.dark .dark\:bg-opacity-30 { - --tw-bg-opacity: 0.3; -} - .dark .dark\:bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } @@ -3251,8 +3158,8 @@ h6 { --tw-gradient-to: transparent; } -.dark .dark\:fill-gray-700 { - fill: #495057; +.dark .dark\:fill-gray-600 { + fill: #6c757d; } .dark .dark\:fill-gray-300 { @@ -3263,12 +3170,8 @@ h6 { fill: #adb5bd; } -.dark .dark\:fill-gray-600 { - fill: #6c757d; -} - -.dark .dark\:fill-emerald-600 { - fill: #059669; +.dark .dark\:fill-gray-700 { + fill: #495057; } .dark .dark\:text-white { @@ -3276,31 +3179,31 @@ h6 { color: rgb(255 255 255 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-300 { - --tw-text-opacity: 1; - color: rgb(210 214 218 / var(--tw-text-opacity)); -} - .dark .dark\:text-gray-500 { --tw-text-opacity: 1; color: rgb(173 181 189 / var(--tw-text-opacity)); } +.dark .dark\:text-gray-300 { + --tw-text-opacity: 1; + color: rgb(210 214 218 / var(--tw-text-opacity)); +} + .dark .dark\:text-gray-400 { --tw-text-opacity: 1; color: rgb(206 212 218 / var(--tw-text-opacity)); } -.dark .dark\:text-red-500 { - --tw-text-opacity: 1; - color: rgb(245 57 57 / var(--tw-text-opacity)); -} - .dark .dark\:text-gray-200 { --tw-text-opacity: 1; color: rgb(233 236 239 / var(--tw-text-opacity)); } +.dark .dark\:text-red-500 { + --tw-text-opacity: 1; + color: rgb(245 57 57 / var(--tw-text-opacity)); +} + .dark .dark\:opacity-50 { opacity: 0.5; } @@ -3313,16 +3216,12 @@ h6 { opacity: 0.8; } -.dark .dark\:opacity-60 { - opacity: 0.6; -} - .dark .dark\:opacity-75 { opacity: 0.75; } -.dark .dark\:opacity-95 { - opacity: 0.95; +.dark .dark\:opacity-60 { + opacity: 0.6; } .dark .dark\:shadow-dark-xl { @@ -3362,17 +3261,6 @@ h6 { 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); } -.dark .dark\:brightness-75 { - --tw-brightness: brightness(.75); - 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); -} - -.dark .dark\:backdrop-brightness-110 { - --tw-backdrop-brightness: brightness(1.1); - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); -} - .dark .dark\:checked\:border-primary:checked { --tw-border-opacity: 1; border-color: rgb(8 85 119 / var(--tw-border-opacity)); @@ -3406,26 +3294,16 @@ h6 { 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); } -.dark .dark\:hover\:brightness-95:hover { - --tw-brightness: brightness(.95); - 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); -} - -.dark .dark\:hover\:brightness-75:hover { - --tw-brightness: brightness(.75); - 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); -} - -.dark .dark\:hover\:brightness-110:hover { - --tw-brightness: brightness(1.1); - 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); -} - .dark .dark\:hover\:brightness-105:hover { --tw-brightness: brightness(1.05); 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); } +.dark .dark\:hover\:brightness-95:hover { + --tw-brightness: brightness(.95); + 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); +} + .dark .dark\:disabled\:border-gray-800:disabled { --tw-border-opacity: 1; border-color: rgb(37 47 64 / var(--tw-border-opacity)); diff --git a/src/ui/templates/menu.html b/src/ui/templates/menu.html index 979c279ba..13a3a9f67 100644 --- a/src/ui/templates/menu.html +++ b/src/ui/templates/menu.html @@ -301,9 +301,14 @@ - {% set plugins = config["CONFIG"].get_plugins() %} + {% set isPage = false %} {% set plugins = config["CONFIG"].get_plugins() + %} {% for plugin in plugins %} {% if plugin['page'] %} {% set isPage = + true%} {% endif %} {% endfor %} +