76 lines
1.9 KiB
CSS
76 lines
1.9 KiB
CSS
|
|
.form-container {
|
|
max-height: 80vh; /* Set a max height (80% of the viewport height or adjust as needed) */
|
|
overflow-y: auto; /* Enable vertical scrolling when the content overflows */
|
|
padding: 20px; /* Optional, for some spacing */
|
|
}
|
|
|
|
:root {
|
|
--background: 0 0% 100%;
|
|
--foreground: 222.2 47.4% 11.2%;
|
|
|
|
--card: 0 0% 100%;
|
|
--card-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--popover: 0 0% 100%;
|
|
--popover-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--primary: 240 100% 50%;
|
|
--primary-foreground: 0 0% 100%;
|
|
|
|
--secondary: 210 40% 96.1%;
|
|
--secondary-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--muted: 210 40% 96.1%;
|
|
--muted-foreground: 215.4 16.3% 46.9%;
|
|
|
|
--accent: 210 40% 96.1%;
|
|
--accent-foreground: 222.2 47.4% 11.2%;
|
|
|
|
--destructive: 0 100% 50%;
|
|
--destructive-foreground: 0 0% 100%;
|
|
|
|
--border: 240 5.9% 90%;
|
|
--input: 240 5.9% 90%;
|
|
--ring: 240 4.9% 83.9%;
|
|
|
|
--radius: 0.5rem;
|
|
|
|
--chart-1: 217 91% 60%;
|
|
--chart-2: 267 91% 70%;
|
|
--chart-3: 177 91% 40%;
|
|
--chart-4: 37 91% 55%;
|
|
--chart-5: 357 91% 60%;
|
|
|
|
--sidebar-background: 222.2 47.4% 11.2%;
|
|
--sidebar-foreground: 0 0% 100%;
|
|
--sidebar-primary: 240 100% 50%;
|
|
--sidebar-primary-foreground: 0 0% 100%;
|
|
--sidebar-accent: 210 40% 96.1%;
|
|
--sidebar-accent-foreground: 222.2 47.4% 11.2%;
|
|
--sidebar-border: 240 5.9% 90%;
|
|
--sidebar-ring: 240 4.9% 83.9%;
|
|
}
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
|
|
body {
|
|
@apply font-sans antialiased bg-background text-foreground;
|
|
}
|
|
}
|
|
.day-picker-small-scale select {
|
|
@apply text-sm text-gray-900 bg-white border border-gray-300 rounded-md focus:outline-none focus:border-blue-600 focus:ring-1 focus:ring-blue-600;
|
|
height: 32px; /* Fixed height: ~h-8 */
|
|
line-height: 1.25rem; /* To align text nicely */
|
|
padding: 0 0.5rem; /* Override padding */
|
|
min-width: 6rem; /* Prevent shrinking */
|
|
appearance: none; /* Removes native styling */
|
|
}
|