h/oslstats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

admin page updates

Browse Source
This commit is contained in:
Haelnorr
2026-02-14 14:54:06 +11:00
parent 295e373f37
commit e34bec2f9d
22 changed files with 2136 additions and 318 deletions
Download Patch File Download Diff File Expand all files Collapse all files

151
internal/embedfs/web/css/flatpickr-catppuccin.css Normal file
View File

@@ -0,0 +1,151 @@
/* Flatpickr Catppuccin Mocha Theme */
/* Override flatpickr colors to match our custom theme */
.flatpickr-calendar {
background: #1e1e2e; /* mantle */
border: 1px solid #45475a; /* surface1 */
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}
.flatpickr-months {
background: #181825; /* base */
border-bottom: 1px solid #45475a; /* surface1 */
}
.flatpickr-month {
color: #cdd6f4; /* text */
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
background: #1e1e2e; /* mantle */
color: #cdd6f4; /* text */
border: 1px solid #45475a; /* surface1 */
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: #313244; /* surface0 */
}
.flatpickr-current-month input.cur-year {
color: #cdd6f4; /* text */
background: #1e1e2e; /* mantle */
}
.flatpickr-current-month input.cur-year:hover {
background: #313244; /* surface0 */
}
.flatpickr-prev-month,
.flatpickr-next-month {
color: #cdd6f4; /* text */
}
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
color: #89b4fa; /* blue */
}
.flatpickr-weekdays {
background: #181825; /* base */
border-bottom: 1px solid #45475a; /* surface1 */
}
span.flatpickr-weekday {
color: #bac2de; /* subtext0 */
font-weight: 600;
}
.flatpickr-days {
background: #1e1e2e; /* mantle */
}
.flatpickr-day {
color: #cdd6f4; /* text */
border: 1px solid transparent;
}
.flatpickr-day.today {
border-color: #89b4fa; /* blue */
background: #89b4fa20; /* blue with transparency */
color: #89b4fa; /* blue */
}
.flatpickr-day.today:hover {
background: #89b4fa40; /* blue with more transparency */
border-color: #89b4fa; /* blue */
color: #89b4fa; /* blue */
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
background: #89b4fa; /* blue */
border-color: #89b4fa; /* blue */
color: #181825; /* base */
}
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
background: #74a7f9; /* slightly lighter blue */
border-color: #74a7f9;
}
.flatpickr-day:hover {
background: #313244; /* surface0 */
border-color: #45475a; /* surface1 */
}
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
color: #585b70; /* surface2 */
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
color: #585b70; /* surface2 */
cursor: not-allowed;
}
.flatpickr-day.inRange {
background: #89b4fa30; /* blue with light transparency */
border-color: transparent;
box-shadow: -5px 0 0 #89b4fa30, 5px 0 0 #89b4fa30;
}
.flatpickr-time {
background: #181825; /* base */
border-top: 1px solid #45475a; /* surface1 */
}
.flatpickr-time input {
color: #cdd6f4; /* text */
background: #1e1e2e; /* mantle */
}
.flatpickr-time input:hover,
.flatpickr-time input:focus {
background: #313244; /* surface0 */
}
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
color: #cdd6f4; /* text */
}
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
background: #313244; /* surface0 */
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #cdd6f4; /* text */
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #cdd6f4; /* text */
}
.flatpickr-time .numInputWrapper span:hover {
background: #313244; /* surface0 */
}

71
internal/embedfs/web/css/input.css
View File

@@ -127,3 +127,74 @@
font-weight: 700;
font-style: italic;
}
/* Custom Scrollbar Styles - Catppuccin Theme */
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: var(--surface1) var(--mantle);
}
/* Webkit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: var(--mantle);
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: var(--surface1);
border-radius: 4px;
border: 2px solid var(--mantle);
}
::-webkit-scrollbar-thumb:hover {
background: var(--surface2);
}
::-webkit-scrollbar-thumb:active {
background: var(--overlay0);
}
/* Specific styling for multi-select dropdowns */
.multi-select-dropdown::-webkit-scrollbar {
width: 6px;
}
.multi-select-dropdown::-webkit-scrollbar-track {
background: var(--base);
border-radius: 3px;
}
.multi-select-dropdown::-webkit-scrollbar-thumb {
background: var(--surface2);
border-radius: 3px;
border: 1px solid var(--base);
}
.multi-select-dropdown::-webkit-scrollbar-thumb:hover {
background: var(--overlay0);
}
/* Specific styling for modal content */
.modal-scrollable::-webkit-scrollbar {
width: 8px;
}
.modal-scrollable::-webkit-scrollbar-track {
background: var(--base);
}
.modal-scrollable::-webkit-scrollbar-thumb {
background: var(--surface1);
border-radius: 4px;
}
.modal-scrollable::-webkit-scrollbar-thumb:hover {
background: var(--surface2);
}

78
internal/embedfs/web/css/output.css
View File

@@ -37,6 +37,7 @@
--text-6xl--line-height: 1;
--text-9xl: 8rem;
--text-9xl--line-height: 1;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
@@ -379,6 +380,9 @@
.ml-2 {
margin-left: calc(var(--spacing) * 2);
}
.ml-4 {
margin-left: calc(var(--spacing) * 4);
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
@@ -440,6 +444,9 @@
.h-screen {
height: 100vh;
}
.max-h-60 {
max-height: calc(var(--spacing) * 60);
}
.max-h-96 {
max-height: calc(var(--spacing) * 96);
}
@@ -664,6 +671,9 @@
.gap-x-2 {
column-gap: calc(var(--spacing) * 2);
}
.gap-x-6 {
column-gap: calc(var(--spacing) * 6);
}
.space-x-2 {
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
@@ -685,6 +695,9 @@
margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
}
}
.gap-y-3 {
row-gap: calc(var(--spacing) * 3);
}
.gap-y-4 {
row-gap: calc(var(--spacing) * 4);
}
@@ -913,9 +926,6 @@
.p-2\.5 {
padding: calc(var(--spacing) * 2.5);
}
.p-3 {
padding: calc(var(--spacing) * 3);
}
.p-4 {
padding: calc(var(--spacing) * 4);
}
@@ -1051,6 +1061,10 @@
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
@@ -1066,6 +1080,9 @@
.text-wrap {
text-wrap: wrap;
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
@@ -1144,6 +1161,10 @@
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.blur {
--tw-blur: blur(8px);
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,);
}
.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,);
}
@@ -1816,6 +1837,57 @@
font-weight: 700;
font-style: italic;
}
* {
scrollbar-width: thin;
scrollbar-color: var(--surface1) var(--mantle);
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: var(--mantle);
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: var(--surface1);
border-radius: 4px;
border: 2px solid var(--mantle);
}
::-webkit-scrollbar-thumb:hover {
background: var(--surface2);
}
::-webkit-scrollbar-thumb:active {
background: var(--overlay0);
}
.multi-select-dropdown::-webkit-scrollbar {
width: 6px;
}
.multi-select-dropdown::-webkit-scrollbar-track {
background: var(--base);
border-radius: 3px;
}
.multi-select-dropdown::-webkit-scrollbar-thumb {
background: var(--surface2);
border-radius: 3px;
border: 1px solid var(--base);
}
.multi-select-dropdown::-webkit-scrollbar-thumb:hover {
background: var(--overlay0);
}
.modal-scrollable::-webkit-scrollbar {
width: 8px;
}
.modal-scrollable::-webkit-scrollbar-track {
background: var(--base);
}
.modal-scrollable::-webkit-scrollbar-thumb {
background: var(--surface1);
border-radius: 4px;
}
.modal-scrollable::-webkit-scrollbar-thumb:hover {
background: var(--surface2);
}
@property --tw-translate-x {
syntax: "*";
inherits: false;