Arreglos estilos

This commit is contained in:
David Arranz 2026-04-12 19:26:51 +02:00
parent 4d3947c4bb
commit 55a6b1fbaf
3 changed files with 89 additions and 99 deletions

View File

@ -5,7 +5,7 @@
"tsx": true,
"tailwind": {
"config": "",
"css": "src/styles/globals.css",
"css": "@repo/shadcn-ui/globals.css",
"baseColor": "neutral",
"cssVariables": true,
"prefix": ""

View File

@ -1,6 +1,4 @@
@import "tailwindcss";
@plugin "tailwindcss-animate";
@import "tw-animate-css";
@import "shadcn/tailwind.css";
@ -15,37 +13,37 @@
@source "../**/*.{ts,tsx}";
:root {
--background: oklch(1 0 0);
--foreground: oklch(0.145 0 0);
--card: oklch(1 0 0);
--card-foreground: oklch(0.145 0 0);
--popover: oklch(1 0 0);
--popover-foreground: oklch(0.145 0 0);
--primary: oklch(0.205 0 0);
--primary-foreground: oklch(0.985 0 0);
--secondary: oklch(0.97 0 0);
--secondary-foreground: oklch(0.205 0 0);
--muted: oklch(0.97 0 0);
--muted-foreground: oklch(0.556 0 0);
--accent: oklch(0.97 0 0);
--accent-foreground: oklch(0.205 0 0);
--destructive: oklch(0.577 0.245 27.325);
--border: oklch(0.922 0 0);
--input: oklch(0.922 0 0);
--ring: oklch(0.708 0 0);
--chart-1: oklch(0.87 0 0);
--chart-2: oklch(0.556 0 0);
--chart-3: oklch(0.439 0 0);
--chart-4: oklch(0.371 0 0);
--chart-5: oklch(0.269 0 0);
--sidebar: oklch(0.985 0 0);
--sidebar-foreground: oklch(0.145 0 0);
--sidebar-primary: oklch(0.205 0 0);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.97 0 0);
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
--background: #ffffff;
--foreground: #0a0a0a;
--card: #ffffff;
--card-foreground: #0a0a0a;
--popover: #ffffff;
--popover-foreground: #0a0a0a;
--primary: #0b7ad0;
--primary-foreground: #ffffff;
--secondary: #e4e8ef;
--secondary-foreground: #6a8aa3;
--muted: #f5f5f5;
--muted-foreground: #737373;
--accent: #e1e7fd;
--accent-foreground: #364050;
--destructive: #e7000b;
--border: #e5e5e5;
--input: #c5c5c5;
--ring: #0b7ad0;
--chart-1: #8ec5ff;
--chart-2: #2b7fff;
--chart-3: #155dfc;
--chart-4: #1447e6;
--chart-5: #193cb8;
--sidebar: #0b7ad0;
--sidebar-foreground: #ffffff;
--sidebar-primary: #ffffff;
--sidebar-primary-foreground: #0b7ad0;
--sidebar-accent: #4a8fe0;
--sidebar-accent-foreground: #ffffff;
--sidebar-border: #4a8fe0;
--sidebar-ring: #ffffff;
--font-sans: "Geist Variable", sans-serif;
--font-serif: "Geist Variable", serif;
@ -53,59 +51,59 @@
--radius: 0.625rem;
--shadow-2xs: 0 1px 3px 0px oklch(0 0 0 / 0.05);
--shadow-xs: 0 1px 3px 0px oklch(0 0 0 / 0.05);
--shadow-sm: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
--shadow: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
--shadow-md: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 2px 4px -1px oklch(0 0 0 / 0.1);
--shadow-lg: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 4px 6px -1px oklch(0 0 0 / 0.1);
--shadow-xl: 0 1px 3px 0px oklch(0 0 0 / 0.1), 0 8px 10px -1px oklch(0 0 0 / 0.1);
--shadow-2xl: 0 1px 3px 0px oklch(0 0 0 / 0.25);
--shadow-2xs: 0 1px 3px 0px rgb(0 0 0 / 0.05);
--shadow-xs: 0 1px 3px 0px rgb(0 0 0 / 0.05);
--shadow-sm: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--shadow: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--shadow-md: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.1);
--shadow-lg: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 4px 6px -1px rgb(0 0 0 / 0.1);
--shadow-xl: 0 1px 3px 0px rgb(0 0 0 / 0.1), 0 8px 10px -1px rgb(0 0 0 / 0.1);
--shadow-2xl: 0 1px 3px 0px rgb(0 0 0 / 0.25);
--spacing: 0.24rem;
}
.dark {
--background: oklch(0.145 0 0);
--foreground: oklch(0.985 0 0);
--card: oklch(0.205 0 0);
--card-foreground: oklch(0.985 0 0);
--popover: oklch(0.205 0 0);
--popover-foreground: oklch(0.985 0 0);
--primary: oklch(0.922 0 0);
--primary-foreground: oklch(0.205 0 0);
--secondary: oklch(0.269 0 0);
--secondary-foreground: oklch(0.985 0 0);
--muted: oklch(0.269 0 0);
--muted-foreground: oklch(0.708 0 0);
--accent: oklch(0.269 0 0);
--accent-foreground: oklch(0.985 0 0);
--destructive: oklch(0.704 0.191 22.216);
--border: oklch(1 0 0 / 10%);
--input: oklch(1 0 0 / 15%);
--ring: oklch(0.556 0 0);
--chart-1: oklch(0.87 0 0);
--chart-2: oklch(0.556 0 0);
--chart-3: oklch(0.439 0 0);
--chart-4: oklch(0.371 0 0);
--chart-5: oklch(0.269 0 0);
--sidebar: oklch(0.205 0 0);
--sidebar-foreground: oklch(0.985 0 0);
--sidebar-primary: oklch(0.488 0.243 264.376);
--sidebar-primary-foreground: oklch(0.985 0 0);
--sidebar-accent: oklch(0.269 0 0);
--sidebar-accent-foreground: oklch(0.985 0 0);
--sidebar-border: oklch(1 0 0 / 10%);
--sidebar-ring: oklch(0.556 0 0);
--background: #0a0a0a;
--foreground: #fafafa;
--card: #171717;
--card-foreground: #fafafa;
--popover: #171717;
--popover-foreground: #fafafa;
--primary: #125cff;
--primary-foreground: #eff6ff;
--secondary: #26262b;
--secondary-foreground: #fafafa;
--muted: #262626;
--muted-foreground: #a1a1a1;
--accent: #374151;
--accent-foreground: #d1d5db;
--destructive: #ff6467;
--border: #a1a1a1;
--input: #d1d5db;
--ring: #003dfa;
--chart-1: #003dfa;
--chart-2: #00bc7d;
--chart-3: #fe9a00;
--chart-4: #ad46ff;
--chart-5: #ff2056;
--sidebar: #171717;
--sidebar-foreground: #fafafa;
--sidebar-primary: #125cff;
--sidebar-primary-foreground: #eff6ff;
--sidebar-accent: #262626;
--sidebar-accent-foreground: #fafafa;
--sidebar-border: #ffffff;
--sidebar-ring: #003dfa;
--shadow-2xs: 1px 1px 6px 0px oklch(0 0 0 / 0.05);
--shadow-xs: 1px 1px 6px 0px oklch(0 0 0 / 0.05);
--shadow-sm: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 1px 2px -1px oklch(0 0 0 / 0.1);
--shadow: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 1px 2px -1px oklch(0 0 0 / 0.1);
--shadow-md: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 2px 4px -1px oklch(0 0 0 / 0.1);
--shadow-lg: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 4px 6px -1px oklch(0 0 0 / 0.1);
--shadow-xl: 1px 1px 6px 0px oklch(0 0 0 / 0.1), 1px 8px 10px -1px oklch(0 0 0 / 0.1);
--shadow-2xl: 1px 1px 6px 0px oklch(0 0 0 / 0.25);
--shadow-2xs: 1px 1px 6px 0px rgb(0 0 0 / 0.05);
--shadow-xs: 1px 1px 6px 0px rgb(0 0 0 / 0.05);
--shadow-sm: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 1px 2px -1px rgb(0 0 0 / 0.1);
--shadow: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 1px 2px -1px rgb(0 0 0 / 0.1);
--shadow-md: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 2px 4px -1px rgb(0 0 0 / 0.1);
--shadow-lg: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 4px 6px -1px rgb(0 0 0 / 0.1);
--shadow-xl: 1px 1px 6px 0px rgb(0 0 0 / 0.1), 1px 8px 10px -1px rgb(0 0 0 / 0.1);
--shadow-2xl: 1px 1px 6px 0px rgb(0 0 0 / 0.25);
}
@theme inline {
@ -158,9 +156,6 @@
--shadow-lg: var(--shadow-lg);
--shadow-xl: var(--shadow-xl);
--shadow-2xl: var(--shadow-2xl);
--radius-2xl: calc(var(--radius) * 1.8);
--radius-3xl: calc(var(--radius) * 2.2);
--radius-4xl: calc(var(--radius) * 2.6);
}
@layer base {

View File

@ -977,7 +977,7 @@ importers:
version: 7.14.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
recharts:
specifier: ^3.8.1
version: 3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@18.3.1)(react@19.2.5)(redux@5.0.1)
version: 3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@16.13.1)(react@19.2.5)(redux@5.0.1)
sonner:
specifier: ^2.0.7
version: 2.0.7(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
@ -1117,10 +1117,10 @@ importers:
version: 7.72.1(react@19.2.5)
react-resizable-panels:
specifier: ^4.9.0
version: 4.9.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
version: 4.10.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
recharts:
specifier: 3.8.0
version: 3.8.0(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@18.3.1)(react@19.2.5)(redux@5.0.1)
version: 3.8.0(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@16.13.1)(react@19.2.5)(redux@5.0.1)
sonner:
specifier: ^2.0.7
version: 2.0.7(react-dom@19.2.5(react@19.2.5))(react@19.2.5)
@ -6101,9 +6101,6 @@ packages:
react-is@16.13.1:
resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
react-is@18.3.1:
resolution: {integrity: sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==}
react-qr-code@2.0.18:
resolution: {integrity: sha512-v1Jqz7urLMhkO6jkgJuBYhnqvXagzceg3qJUWayuCK/c6LTIonpWbwxR1f1APGd4xrW/QcQEovNrAojbUz65Tg==}
peerDependencies:
@ -6141,8 +6138,8 @@ packages:
'@types/react':
optional: true
react-resizable-panels@4.9.0:
resolution: {integrity: sha512-sEl+hA6y9/kxa0aPlrUC+G1lcShAf/PiIjoeC8kWXxa53RfAVplVCIxEl01Nwa4L2iRa5JXBXq1/mI8ch6qOZQ==}
react-resizable-panels@4.10.0:
resolution: {integrity: sha512-frjewRQt7TCv/vCH1pJfjZ7RxAhr5pKuqVQtVgzFq/vherxBFOWyC3xMbryx5Ti2wylViGUFc93Etg4rB3E0UA==}
peerDependencies:
react: ^18.0.0 || ^19.0.0
react-dom: ^18.0.0 || ^19.0.0
@ -11855,8 +11852,6 @@ snapshots:
react-is@16.13.1: {}
react-is@18.3.1: {}
react-qr-code@2.0.18(react@19.2.5):
dependencies:
prop-types: 15.8.1
@ -11891,7 +11886,7 @@ snapshots:
optionalDependencies:
'@types/react': 19.2.14
react-resizable-panels@4.9.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5):
react-resizable-panels@4.10.0(react-dom@19.2.5(react@19.2.5))(react@19.2.5):
dependencies:
react: 19.2.5
react-dom: 19.2.5(react@19.2.5)
@ -11945,7 +11940,7 @@ snapshots:
tiny-invariant: 1.3.3
tslib: 2.8.1
recharts@3.8.0(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@18.3.1)(react@19.2.5)(redux@5.0.1):
recharts@3.8.0(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@16.13.1)(react@19.2.5)(redux@5.0.1):
dependencies:
'@reduxjs/toolkit': 2.11.2(react-redux@9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1))(react@19.2.5)
clsx: 2.1.1
@ -11955,7 +11950,7 @@ snapshots:
immer: 10.2.0
react: 19.2.5
react-dom: 19.2.5(react@19.2.5)
react-is: 18.3.1
react-is: 16.13.1
react-redux: 9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1)
reselect: 5.1.1
tiny-invariant: 1.3.3
@ -11965,7 +11960,7 @@ snapshots:
- '@types/react'
- redux
recharts@3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@18.3.1)(react@19.2.5)(redux@5.0.1):
recharts@3.8.1(@types/react@19.2.14)(react-dom@19.2.5(react@19.2.5))(react-is@16.13.1)(react@19.2.5)(redux@5.0.1):
dependencies:
'@reduxjs/toolkit': 2.11.2(react-redux@9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1))(react@19.2.5)
clsx: 2.1.1
@ -11975,7 +11970,7 @@ snapshots:
immer: 10.2.0
react: 19.2.5
react-dom: 19.2.5(react@19.2.5)
react-is: 18.3.1
react-is: 16.13.1
react-redux: 9.2.0(@types/react@19.2.14)(react@19.2.5)(redux@5.0.1)
reselect: 5.1.1
tiny-invariant: 1.3.3