Update globals.css

This commit is contained in:
MacRimi
2025-11-22 19:33:58 +01:00
parent bf9ed8ff00
commit 82ea15388c

View File

@@ -139,32 +139,30 @@
} }
/* ===================== */ /* ===================== */
/* Base layer */ /* Base styles */
/* ===================== */ /* ===================== */
@layer base {
* { * {
@apply border-border outline-ring/50; border-color: var(--border);
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);
@@ -182,7 +180,9 @@
stroke: var(--border); stroke: var(--border);
} }
/* Eliminar padding de xterm para centrar contenido como en Proxmox real */ /* ===================== */
/* Terminal xterm styles */
/* ===================== */
.xterm { .xterm {
padding: 0 !important; padding: 0 !important;
} }
@@ -194,4 +194,3 @@
.xterm .xterm-screen { .xterm .xterm-screen {
padding: 0 !important; padding: 0 !important;
} }
}