Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-12-15 16:46:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update globals.css

Browse Source
This commit is contained in:
MacRimi
2025-11-22 19:33:58 +01:00
parent bf9ed8ff00
commit 82ea15388c
1 changed files with 46 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
AppImage/app/globals.css
View File

@@ -139,59 +139,58 @@
} }
/* ===================== */ /* ===================== */
/* Base layer */ /* Base styles */
/* ===================== */ /* ===================== */
@layer base { * {
* { border-color: var(--border);
@apply border-border outline-ring/50; outline-color: color-mix(in oklch, var(--ring), transparent 50%);
} }
body { body {
@apply bg-background text-foreground; background-color: var(--background);
} color: var(--foreground);
}
/* Foco accesible */ /* Foco accesible */
:is(button, [role="button"], a, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus { :is(button, [role="button"], a, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus {
@apply outline-none; outline: none;
} }
:is(button, [role="button"], a, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible { :is(button, [role="button"], a, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible {
@apply ring-2; outline: 2px solid color-mix(in oklch, var(--ring), transparent 50%);
--tw-ring-color: var(--ring); outline-offset: 2px;
--tw-ring-opacity: 0.5; /* equivalente al /50 */
}
} }
/* ===================== */ /* ===================== */
/* Ajustes para Charts */ /* Ajustes para Charts */
/* ===================== */ /* ===================== */
@layer components { /* Recharts axis */
/* Recharts axis */ .recharts-cartesian-axis-tick tspan {
.recharts-cartesian-axis-tick tspan { fill: var(--muted-foreground);
fill: var(--muted-foreground); }
} .recharts-cartesian-axis-line,
.recharts-cartesian-axis-line, .recharts-cartesian-grid line {
.recharts-cartesian-grid line { stroke: var(--border);
stroke: var(--border); }
}
/* Chart.js axis */
/* Chart.js axis */ .chartjs-render-monitor text {
.chartjs-render-monitor text { fill: var(--muted-foreground);
fill: var(--muted-foreground); }
} .chartjs-render-monitor line {
.chartjs-render-monitor line { stroke: var(--border);
stroke: var(--border); }
}
/* ===================== */
/* Eliminar padding de xterm para centrar contenido como en Proxmox real */ /* Terminal xterm styles */
.xterm { /* ===================== */
padding: 0 !important; .xterm {
} padding: 0 !important;
}
.xterm .xterm-viewport {
overflow-y: auto !important; .xterm .xterm-viewport {
} overflow-y: auto !important;
}
.xterm .xterm-screen {
padding: 0 !important; .xterm .xterm-screen {
} padding: 0 !important;
} }