mirror/dashboard-icons
1
0
Fork 0
mirror of https://github.com/walkxcode/dashboard-icons.git synced 2025-11-19 10:07:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

style(config): update global styles and TypeScript configuration

Browse Source 
- Update global CSS with improved styling
- Enhance TypeScript configuration for better type checking
This commit is contained in:
Thomas Camlong
2025-11-07 08:11:26 +01:00
parent ff0430e5c2
commit 37778a749b
2 changed files with 85 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
web/src/app/globals.css
View File

@@ -151,62 +151,62 @@
--shadow-opacity: var(--shadow-opacity); --shadow-opacity: var(--shadow-opacity);
--color-shadow-color: var(--shadow-color) --color-shadow-color: var(--shadow-color);
} }
:root { :root {
--radius: 0.3rem; --radius: 0.3rem;
--background: oklch(1.0000 0 0); --background: oklch(1 0 0);
--foreground: oklch(0.1884 0.0128 248.5103); --foreground: oklch(0.1884 0.0128 248.5103);
--card: oklch(1.0000 0 0); --card: oklch(1 0 0);
--card-foreground: oklch(0.1884 0.0128 248.5103); --card-foreground: oklch(0.1884 0.0128 248.5103);
--popover: oklch(1.0000 0 0); --popover: oklch(1 0 0);
--popover-foreground: oklch(0.1884 0.0128 248.5103); --popover-foreground: oklch(0.1884 0.0128 248.5103);
--primary: oklch(0.6723 0.1606 244.9955); --primary: oklch(0.6723 0.1606 244.9955);
--primary-foreground: oklch(1.0000 0 0); --primary-foreground: oklch(1 0 0);
--muted: oklch(0.98 0 247.84); --muted: oklch(0.98 0 247.84);
--muted-foreground: oklch(0.55 0.02 264.36); --muted-foreground: oklch(0.55 0.02 264.36);
--accent: oklch(0.9392 0.0166 250.8453); --accent: oklch(0.9392 0.0166 250.8453);
--accent-foreground: oklch(0.6723 0.1606 244.9955); --accent-foreground: oklch(0.6723 0.1606 244.9955);
--destructive: oklch(0.6188 0.2376 25.7658); --destructive: oklch(0.6188 0.2376 25.7658);
--destructive-foreground: oklch(1.0000 0 0); --destructive-foreground: oklch(1 0 0);
--border: oklch(0.9317 0.0118 231.6594); --border: oklch(0.9317 0.0118 231.6594);
--input: oklch(0.9809 0.0025 228.7836); --input: oklch(0.9809 0.0025 228.7836);
--chart-1: oklch(0.6723 0.1606 244.9955); --chart-1: oklch(0.6723 0.1606 244.9955);
--chart-2: oklch(0.6907 0.1554 160.3454); --chart-2: oklch(0.6907 0.1554 160.3454);
--chart-3: oklch(0.8214 0.1600 82.5337); --chart-3: oklch(0.8214 0.16 82.5337);
--chart-4: oklch(0.7064 0.1822 151.7125); --chart-4: oklch(0.7064 0.1822 151.7125);
--chart-5: oklch(0.5919 0.2186 10.5826); --chart-5: oklch(0.5919 0.2186 10.5826);
--sidebar: oklch(0.9784 0.0011 197.1387); --sidebar: oklch(0.9784 0.0011 197.1387);
--sidebar-foreground: oklch(0.1884 0.0128 248.5103); --sidebar-foreground: oklch(0.1884 0.0128 248.5103);
--sidebar-primary: oklch(0.6723 0.1606 244.9955); --sidebar-primary: oklch(0.6723 0.1606 244.9955);
--sidebar-primary-foreground: oklch(1.0000 0 0); --sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.9392 0.0166 250.8453); --sidebar-accent: oklch(0.9392 0.0166 250.8453);
--sidebar-accent-foreground: oklch(0.6723 0.1606 244.9955); --sidebar-accent-foreground: oklch(0.6723 0.1606 244.9955);
--sidebar-border: oklch(0.9271 0.0101 238.5177); --sidebar-border: oklch(0.9271 0.0101 238.5177);
--sidebar-ring: oklch(0.6818 0.1584 243.3540); --sidebar-ring: oklch(0.6818 0.1584 243.354);
--shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
--magic-gradient-color: oklch(0.6723 0.1606 244.9955 / 15%); --magic-gradient-color: oklch(0.6723 0.1606 244.9955 / 15%);
--ring: oklch(0.6818 0.1584 243.3540); --ring: oklch(0.6818 0.1584 243.354);
--font-serif: Georgia, serif; --font-serif: Georgia, serif;
--font-mono: Menlo, monospace; --font-mono: Menlo, monospace;
--shadow-color: rgba(29,161,242,0.15); --shadow-color: rgba(29, 161, 242, 0.15);
--shadow-opacity: 0; --shadow-opacity: 0;
@@ -228,52 +228,52 @@
.dark { .dark {
--background: oklch(0 0 0); --background: oklch(0 0 0);
--foreground: oklch(0.9328 0.0025 228.7857); --foreground: oklch(0.9328 0.0025 228.7857);
--card: oklch(0.2097 0.0080 274.5332); --card: oklch(0.2097 0.008 274.5332);
--card-foreground: oklch(0.8853 0 0); --card-foreground: oklch(0.8853 0 0);
--popover: oklch(0 0 0); --popover: oklch(0 0 0);
--popover-foreground: oklch(0.9328 0.0025 228.7857); --popover-foreground: oklch(0.9328 0.0025 228.7857);
--primary: oklch(0.6700 0.2000 23.8000); --primary: oklch(0.67 0.2 23.8);
--primary-foreground: oklch(1.0000 0 0); --primary-foreground: oklch(1 0 0);
--secondary: oklch(0.9622 0.0035 219.5331); --secondary: oklch(0.9622 0.0035 219.5331);
--secondary-foreground: oklch(0.1884 0.0128 248.5103); --secondary-foreground: oklch(0.1884 0.0128 248.5103);
--muted: oklch(0.31 0.03 266.71); --muted: oklch(0.31 0.03 266.71);
--muted-foreground: oklch(0.78 0 0); --muted-foreground: oklch(0.78 0 0);
--accent: oklch(0.1928 0.0331 242.5459); --accent: oklch(0.1928 0.0331 242.5459);
--accent-foreground: oklch(0.6448 0.2290 20.4673); --accent-foreground: oklch(0.6448 0.229 20.4673);
--destructive: oklch(0.6188 0.2376 25.7658); --destructive: oklch(0.6188 0.2376 25.7658);
--destructive-foreground: oklch(1.0000 0 0); --destructive-foreground: oklch(1 0 0);
--border: oklch(0.38 0.03 269.73); --border: oklch(0.38 0.03 269.73);
--input: oklch(0.3020 0.0288 244.8244); --input: oklch(0.302 0.0288 244.8244);
--ring: oklch(0.6700 0.2000 23.8000); --ring: oklch(0.67 0.2 23.8);
--chart-1: oklch(0.6723 0.1606 244.9955); --chart-1: oklch(0.6723 0.1606 244.9955);
--chart-2: oklch(0.6907 0.1554 160.3454); --chart-2: oklch(0.6907 0.1554 160.3454);
--chart-3: oklch(0.8214 0.1600 82.5337); --chart-3: oklch(0.8214 0.16 82.5337);
--chart-4: oklch(0.7064 0.1822 151.7125); --chart-4: oklch(0.7064 0.1822 151.7125);
--chart-5: oklch(0.5919 0.2186 10.5826); --chart-5: oklch(0.5919 0.2186 10.5826);
--sidebar: oklch(0.2097 0.0080 274.5332); --sidebar: oklch(0.2097 0.008 274.5332);
--sidebar-foreground: oklch(0.8853 0 0); --sidebar-foreground: oklch(0.8853 0 0);
--sidebar-primary: oklch(0.6700 0.2000 23.8000); --sidebar-primary: oklch(0.67 0.2 23.8);
--sidebar-primary-foreground: oklch(1.0000 0 0); --sidebar-primary-foreground: oklch(1 0 0);
--sidebar-accent: oklch(0.1928 0.0331 242.5459); --sidebar-accent: oklch(0.1928 0.0331 242.5459);
--sidebar-accent-foreground: oklch(0.5869 0.2251 31.5657); --sidebar-accent-foreground: oklch(0.5869 0.2251 31.5657);
--sidebar-border: oklch(0.3795 0.0220 240.5943); --sidebar-border: oklch(0.3795 0.022 240.5943);
--sidebar-ring: oklch(0.4952 0.1902 31.5028); --sidebar-ring: oklch(0.4952 0.1902 31.5028);
--shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-2xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-xs: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-sm: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 1px 2px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-md: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 2px 4px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-lg: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 4px 6px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0), 0px 8px 10px -1px hsl(202.8169 89.1213% 53.1373% / 0);
--shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0.00); --shadow-2xl: 0px 2px 0px 0px hsl(202.8169 89.1213% 53.1373% / 0);
--magic-gradient-color: oklch(0.67 0.2 23.8 / 15%); --magic-gradient-color: oklch(0.67 0.2 23.8 / 15%);
--radius: 0.3rem; --radius: 0.3rem;
--shadow-color: rgba(29,161,242,0.25); --shadow-color: rgba(29, 161, 242, 0.25);
--shadow-opacity: 0; --shadow-opacity: 0;
@@ -284,7 +284,6 @@
--shadow-offset-x: 0px; --shadow-offset-x: 0px;
--shadow-offset-y: 2px; --shadow-offset-y: 2px;
} }
@layer base { @layer base {
@@ -293,7 +292,7 @@
} }
body { body {
@apply bg-background text-foreground; @apply bg-background text-foreground;
letter-spacing: var(--tracking-normal); letter-spacing: var(--tracking-normal);
} }
} }
@@ -341,4 +340,4 @@
input.error:focus { input.error:focus {
@apply ring-2 ring-destructive ring-offset-2 ring-offset-background; @apply ring-2 ring-destructive ring-offset-2 ring-offset-background;
} }
} }

68
web/tsconfig.json
View File

@@ -1,28 +1,44 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "ES2017", "target": "ES2017",
"lib": ["dom", "dom.iterable", "esnext"], "lib": [
"allowJs": true, "dom",
"skipLibCheck": true, "dom.iterable",
"strict": true, "esnext"
"noEmit": true, ],
"esModuleInterop": true, "allowJs": true,
"module": "esnext", "skipLibCheck": true,
"moduleResolution": "bundler", "strict": true,
"resolveJsonModule": true, "noEmit": true,
"isolatedModules": true, "esModuleInterop": true,
"jsx": "preserve", "module": "esnext",
"incremental": true, "moduleResolution": "bundler",
"plugins": [ "resolveJsonModule": true,
{ "isolatedModules": true,
"name": "next" "jsx": "react-jsx",
} "incremental": true,
], "plugins": [
"paths": { {
"@/*": ["./src/*"], "name": "next"
"@/metadata": ["../metadata.json"] }
} ],
}, "paths": {
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], "@/*": [
"exclude": ["node_modules"] "./src/*"
],
"@/metadata": [
"../metadata.json"
]
}
},
"include": [
"next-env.d.ts",
"**/*.ts",
"**/*.tsx",
".next/types/**/*.ts",
".next/dev/types/**/*.ts"
],
"exclude": [
"node_modules"
]
} }