counterweight
b9f605d7b3
- Added errorBanner to sharedStyles for consistent error display - Removed duplicate errorBanner definitions from all pages - Updated appointments, booking, admin/appointments, and admin/availability pages - Reduced code duplication while maintaining component-specific styles
109 lines
2.8 KiB
TypeScript
109 lines
2.8 KiB
TypeScript
import React from "react";
|
|
|
|
/**
|
|
* Shared styles used across multiple pages.
|
|
* These styles define the common layout and theming for the app.
|
|
*/
|
|
export const sharedStyles: Record<string, React.CSSProperties> = {
|
|
main: {
|
|
minHeight: "100vh",
|
|
background: "linear-gradient(135deg, #0f0f23 0%, #1a1a3e 50%, #2d1b4e 100%)",
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
},
|
|
loader: {
|
|
flex: 1,
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
fontFamily: "'DM Sans', system-ui, sans-serif",
|
|
color: "rgba(255, 255, 255, 0.5)",
|
|
fontSize: "1.125rem",
|
|
},
|
|
header: {
|
|
padding: "1.5rem 2rem",
|
|
borderBottom: "1px solid rgba(255, 255, 255, 0.06)",
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
},
|
|
nav: {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
gap: "0.75rem",
|
|
},
|
|
navLink: {
|
|
fontFamily: "'DM Sans', system-ui, sans-serif",
|
|
color: "rgba(255, 255, 255, 0.5)",
|
|
fontSize: "0.875rem",
|
|
textDecoration: "none",
|
|
transition: "color 0.2s",
|
|
},
|
|
navDivider: {
|
|
color: "rgba(255, 255, 255, 0.2)",
|
|
fontSize: "0.75rem",
|
|
},
|
|
navCurrent: {
|
|
fontFamily: "'DM Sans', system-ui, sans-serif",
|
|
color: "#a78bfa",
|
|
fontSize: "0.875rem",
|
|
fontWeight: 600,
|
|
},
|
|
userInfo: {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
gap: "1rem",
|
|
},
|
|
userEmail: {
|
|
fontFamily: "'DM Sans', system-ui, sans-serif",
|
|
color: "rgba(255, 255, 255, 0.6)",
|
|
fontSize: "0.875rem",
|
|
},
|
|
logoutBtn: {
|
|
fontFamily: "'DM Sans', system-ui, sans-serif",
|
|
padding: "0.5rem 1rem",
|
|
fontSize: "0.875rem",
|
|
fontWeight: 500,
|
|
background: "rgba(255, 255, 255, 0.05)",
|
|
color: "rgba(255, 255, 255, 0.7)",
|
|
border: "1px solid rgba(255, 255, 255, 0.1)",
|
|
borderRadius: "8px",
|
|
cursor: "pointer",
|
|
transition: "all 0.2s",
|
|
},
|
|
content: {
|
|
flex: 1,
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "center",
|
|
padding: "2rem",
|
|
},
|
|
// Common UI component styles
|
|
errorBanner: {
|
|
fontFamily: "'DM Sans', system-ui, sans-serif",
|
|
fontSize: "0.875rem",
|
|
padding: "1rem",
|
|
background: "rgba(239, 68, 68, 0.15)",
|
|
border: "1px solid rgba(239, 68, 68, 0.3)",
|
|
borderRadius: "8px",
|
|
color: "#f87171",
|
|
marginBottom: "1rem",
|
|
},
|
|
cancelButton: {
|
|
fontFamily: "'DM Sans', system-ui, sans-serif",
|
|
fontSize: "0.85rem",
|
|
padding: "0.6rem 1rem",
|
|
background: "rgba(255, 255, 255, 0.05)",
|
|
color: "rgba(255, 255, 255, 0.7)",
|
|
border: "1px solid rgba(255, 255, 255, 0.1)",
|
|
borderRadius: "8px",
|
|
cursor: "pointer",
|
|
transition: "all 0.2s",
|
|
},
|
|
emptyState: {
|
|
fontFamily: "'DM Sans', system-ui, sans-serif",
|
|
color: "rgba(255, 255, 255, 0.4)",
|
|
textAlign: "center" as const,
|
|
padding: "1rem 0",
|
|
},
|
|
};
|