mirror of
https://github.com/arthur-pbty/contact.git
synced 2026-06-03 15:07:21 +02:00
Puechberty Arthur
f63eeb2e84
- Implemented a contact page with a form for user inquiries. - Added validation for form fields using Zod schema. - Integrated PostgreSQL database for storing contact messages. - Created necessary API endpoints for form submission. - Added admin authentication and session management. - Developed CGU, cookies policy, privacy policy, and legal mentions pages. - Set up Docker configuration for PostgreSQL and application services. - Enhanced UI with responsive design and accessibility features.
53 lines
1.2 KiB
CSS
53 lines
1.2 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--background: #f2f7fb;
|
|
--foreground: #0f172a;
|
|
--app-gradient: radial-gradient(circle at 20% 20%, #e0f2fe 0%, transparent 42%),
|
|
radial-gradient(circle at 80% 0%, #fef3c7 0%, transparent 38%),
|
|
linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #020617;
|
|
--foreground: #e2e8f0;
|
|
--app-gradient: radial-gradient(circle at 10% 10%, #0f766e66 0%, transparent 38%),
|
|
radial-gradient(circle at 100% 0%, #1e293b 0%, transparent 38%),
|
|
linear-gradient(180deg, #020617 0%, #0f172a 100%);
|
|
}
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: var(--font-geist-sans), sans-serif;
|
|
}
|
|
|
|
.bg-app-gradient {
|
|
background-image: var(--app-gradient);
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(10px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.animate-fade-in {
|
|
animation: fadeIn 420ms ease-out both;
|
|
}
|