mirror of
https://github.com/soconnor0919/beenvoice.git
synced 2025-12-13 01:24:44 -05:00
Sean O'Connor
c0279c4095
- Introduce new 'xs' screen size in Tailwind configuration for better mobile support - Update dashboard layout to use a cosmic gradient background for a modern look - Refactor Quick Actions component for improved styling and layout consistency - Add Current Open Invoice Card for quick access to ongoing invoices - Standardize button sizes across various components for a cohesive user experience - Implement responsive design adjustments in invoice forms and data tables This update enhances the overall user experience by improving responsiveness and visual appeal across the dashboard and related components.
105 lines
3.2 KiB
TypeScript
105 lines
3.2 KiB
TypeScript
import type { Config } from "tailwindcss";
|
|
import animate from "tailwindcss-animate";
|
|
|
|
export default {
|
|
darkMode: "media",
|
|
content: [
|
|
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
|
|
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
|
|
],
|
|
theme: {
|
|
extend: {
|
|
screens: {
|
|
xs: "475px",
|
|
},
|
|
fontFamily: {
|
|
sans: [
|
|
"var(--font-geist-sans)",
|
|
"ui-sans-serif",
|
|
"system-ui",
|
|
"sans-serif",
|
|
],
|
|
},
|
|
colors: {
|
|
border: "hsl(var(--border))",
|
|
input: "hsl(var(--input))",
|
|
ring: "hsl(var(--ring))",
|
|
background: "hsl(var(--background))",
|
|
foreground: "hsl(var(--foreground))",
|
|
primary: {
|
|
DEFAULT: "hsl(var(--primary))",
|
|
foreground: "hsl(var(--primary-foreground))",
|
|
},
|
|
secondary: {
|
|
DEFAULT: "hsl(var(--secondary))",
|
|
foreground: "hsl(var(--secondary-foreground))",
|
|
},
|
|
destructive: {
|
|
DEFAULT: "hsl(var(--destructive))",
|
|
foreground: "hsl(var(--destructive-foreground))",
|
|
},
|
|
muted: {
|
|
DEFAULT: "hsl(var(--muted))",
|
|
foreground: "hsl(var(--muted-foreground))",
|
|
},
|
|
accent: {
|
|
DEFAULT: "hsl(var(--accent))",
|
|
foreground: "hsl(var(--accent-foreground))",
|
|
},
|
|
popover: {
|
|
DEFAULT: "hsl(var(--popover))",
|
|
foreground: "hsl(var(--popover-foreground))",
|
|
},
|
|
card: {
|
|
DEFAULT: "hsl(var(--card))",
|
|
foreground: "hsl(var(--card-foreground))",
|
|
},
|
|
brand: {
|
|
primary: "hsl(var(--brand-primary))",
|
|
"primary-hover": "hsl(var(--brand-primary-hover))",
|
|
secondary: "hsl(var(--brand-secondary))",
|
|
"secondary-hover": "hsl(var(--brand-secondary-hover))",
|
|
},
|
|
status: {
|
|
success: "hsl(var(--status-success))",
|
|
"success-foreground": "hsl(var(--status-success-foreground))",
|
|
"success-muted": "hsl(var(--status-success-muted))",
|
|
warning: "hsl(var(--status-warning))",
|
|
"warning-foreground": "hsl(var(--status-warning-foreground))",
|
|
"warning-muted": "hsl(var(--status-warning-muted))",
|
|
error: "hsl(var(--status-error))",
|
|
"error-foreground": "hsl(var(--status-error-foreground))",
|
|
"error-muted": "hsl(var(--status-error-muted))",
|
|
info: "hsl(var(--status-info))",
|
|
"info-foreground": "hsl(var(--status-info-foreground))",
|
|
"info-muted": "hsl(var(--status-info-muted))",
|
|
},
|
|
},
|
|
borderRadius: {
|
|
lg: "var(--radius)",
|
|
md: "calc(var(--radius) - 2px)",
|
|
sm: "calc(var(--radius) - 4px)",
|
|
},
|
|
keyframes: {
|
|
"accordion-down": {
|
|
from: { height: "0" },
|
|
to: { height: "var(--radix-accordion-content-height)" },
|
|
},
|
|
"accordion-up": {
|
|
from: { height: "var(--radix-accordion-content-height)" },
|
|
to: { height: "0" },
|
|
},
|
|
},
|
|
animation: {
|
|
"accordion-down": "accordion-down 0.2s ease-out",
|
|
"accordion-up": "accordion-up 0.2s ease-out",
|
|
},
|
|
},
|
|
},
|
|
plugins: [animate],
|
|
future: {
|
|
hoverOnlyWhenSupported: true,
|
|
},
|
|
} satisfies Config;
|