Michael/Priceflow
1
0 Fork 0
mirror of https://github.com/R0m1k3/Priceflow.git synced 2026-10-21 14:18:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: Implement initial application structure with routing, authentication flow, and responsive layout.

Browse Source
This commit is contained in:
Michael committed 2025-12-01 11:32:12 +01:00
1 parent 7592c2781e
commit f27a75d9d6
3 files changed
+157 -154
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/index.css
+34 -51
View File
@@ -4,65 +4,36 @@
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
/* Clean minimalist monochrome theme */
--background: 0 0% 100%; /* Pure white */
--foreground: 0 0% 10%; /* Very dark gray for text */
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--card: 0 0% 99%; /* Off-white for cards */
--card-foreground: 0 0% 10%; /* Dark gray text on cards */
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--popover: 0 0% 100%; /* White for popovers */
--popover-foreground: 0 0% 10%; /* Dark gray text */
--primary: 240 5.9% 10%;
--primary-foreground: 0 0% 98%;
--primary: 0 0% 15%; /* Dark gray for primary actions */
--primary-foreground: 0 0% 100%; /* White text on primary */
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--secondary: 0 0% 97%; /* Light gray background */
--secondary-foreground: 0 0% 15%; /* Dark gray text */
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--muted: 0 0% 96%; /* Very light gray */
--muted-foreground: 0 0% 45%; /* Medium gray for muted text */
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--accent: 0 0% 95%; /* Accent gray */
--accent-foreground: 0 0% 15%; /* Dark text on accent */
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--destructive: 0 0% 30%; /* Dark gray for destructive (instead of red) */
--destructive-foreground: 0 0% 100%; /* White text */
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 240 10% 3.9%;
--border: 0 0% 90%; /* Light gray borders */
--input: 0 0% 90%; /* Light gray input borders */
--ring: 0 0% 60%; /* Medium gray focus ring */
--radius: 0.5rem;
}
.dark {
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--primary: 0 0% 98%;
--primary-foreground: 240 5.9% 10%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--ring: 240 4.9% 83.9%;
--radius: 0.375rem; /* Slightly reduced radius for cleaner look */
}
}
@@ -71,6 +42,18 @@
@apply border-border;
}
body {
@apply bg-background text-foreground;
@apply bg-background text-foreground antialiased;
font-feature-settings: "rlig" 1, "calt" 1;
}
/* Ensure smooth scrolling */
html {
scroll-behavior: smooth;
}
/* Clean focus states */
:focus-visible {
outline: 2px solid hsl(var(--ring));
outline-offset: 2px;
}
}