Mirrors/ProxMenux
1
0
Fork 0
mirror of https://github.com/MacRimi/ProxMenux.git synced 2025-11-18 03:26:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update globals.css

Browse Source
This commit is contained in:
MacRimi
2025-10-22 18:10:05 +02:00
parent 0262ea31eb
commit 2c0e1e498b
1 changed files with 94 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
AppImage/app/globals.css
View File

@@ -139,36 +139,39 @@
} }
/* ===================== */ /* ===================== */
/* Base layer */ /* Base styles */
/* ===================== */ /* ===================== */
@layer base { /* Removed @layer base to fix Tailwind CSS v4 compatibility */
* { * {
@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 */ /* Component styles */
/* ===================== */ /* ===================== */
@layer components { /* Removed @layer components to fix Tailwind CSS v4 compatibility */
/* 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);
@@ -178,6 +181,7 @@
.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);
} }
@@ -185,7 +189,6 @@
/* Estilos personalizados para notas de ProxMenux */ /* Estilos personalizados para notas de ProxMenux */
/* Asegura que el contenido HTML de ProxMenux se renderice correctamente */ /* Asegura que el contenido HTML de ProxMenux se renderice correctamente */
.proxmenux-notes { .proxmenux-notes {
/* Centrar el contenido */
text-align: center; text-align: center;
} }
@@ -239,4 +242,3 @@
margin: 0; margin: 0;
line-height: 1.2; line-height: 1.2;
} }
}