hypermc/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update style and ss

Browse Source
This commit is contained in:
MCHost
2025-07-06 21:46:26 -04:00
parent 4fd52b75b8
commit ab5b0194eb
4 changed files with 220 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
public/css/style.min.css vendored
View File

@@ -12,10 +12,8 @@
--color-red-700: oklch(50.5% 0.213 27.518);
--color-yellow-500: oklch(79.5% 0.184 86.047);
--color-yellow-600: oklch(68.1% 0.162 75.834);
--color-yellow-700: oklch(55.4% 0.135 66.442);
--color-green-600: oklch(62.7% 0.194 149.214);
--color-green-700: oklch(52.7% 0.154 150.069);
--color-teal-300: oklch(85.5% 0.138 181.071);
--color-teal-400: oklch(77.7% 0.152 181.912);
--color-teal-600: oklch(60% 0.118 184.704);
--color-teal-700: oklch(51.1% 0.096 186.391);
@@ -26,10 +24,9 @@
--color-blue-600: oklch(54.6% 0.245 262.881);
--color-blue-700: oklch(48.8% 0.243 264.376);
--color-blue-800: oklch(42.4% 0.199 265.638);
--color-blue-900: oklch(37.9% 0.146 265.522);
--color-purple-600: oklch(55.8% 0.288 302.321);
--color-purple-700: oklch(49.6% 0.265 301.924);
--color-gray-100: oklch(96.7% 0.003 264.542);
--color-gray-200: oklch(92.8% 0.006 264.531);
--color-gray-300: oklch(87.2% 0.01 258.338);
--color-gray-400: oklch(70.7% 0.022 261.325);
--color-gray-500: oklch(55.1% 0.027 264.364);
@@ -42,8 +39,6 @@
--spacing: 0.25rem;
--container-md: 28rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-7xl: 80rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
@@ -59,21 +54,17 @@
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: calc(2.25 / 1.875);
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--tracking-tight: -0.025em;
--tracking-wide: 0.025em;
--leading-relaxed: 1.625;
--radius-sm: 0.25rem;
--radius-md: 0.375rem;
--radius-lg: 0.5rem;
--radius-xl: 0.75rem;
--ease-out: cubic-bezier(0, 0, 0.2, 1);
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--animate-spin: spin 1s linear infinite;
--blur-xl: 24px;
@@ -1216,7 +1207,7 @@
height: 100%;
width: 100%;
border-radius: calc(infinity * 1px);
background-color: var(--color-gray-700);
background-color: var(--color-gray-600);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
@@ -1226,10 +1217,13 @@
[role="switch"]>div:last-child {
position: absolute;
top: calc(var(--spacing) * 1);
left: calc(var(--spacing) * 1);
height: calc(var(--spacing) * 4);
width: calc(var(--spacing) * 4);
border-radius: calc(infinity * 1px);
background-color: var(--color-white);
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
@@ -1237,14 +1231,35 @@
transition-duration: 200ms;
}
[role="switch"][aria-checked="true"]>div:first-child {
background-color: var(--color-blue-600);
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: var(--color-blue-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to: var(--color-blue-800);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
[role="switch"][aria-checked="true"]>div:last-child {
left: calc(var(--spacing) * 5);
}
[role="switch"][aria-checked="false"]>div:first-child {
background-color: var(--color-gray-600);
}
[role="switch"][aria-checked="false"]>div:last-child {
left: calc(var(--spacing) * 1);
}
[role="switch"]:hover:not([aria-disabled="true"])>div:first-child {
--tw-gradient-position: to right in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: var(--color-blue-700);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
--tw-gradient-to: var(--color-blue-900);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
[role="switch"][aria-disabled="true"]>div:first-child {
cursor: not-allowed;
background-color: var(--color-gray-600);
opacity: 50%;
}
#sftpIframe {
width: 100%;
border-radius: 0.25rem;