diff --git a/src/frontend/index.html b/src/frontend/index.html index 0c589ec..37cfd35 100644 --- a/src/frontend/index.html +++ b/src/frontend/index.html @@ -1,10 +1,10 @@ - + - Vite + React + My Documents Manager
diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json index 8ce991a..64910b5 100644 --- a/src/frontend/package-lock.json +++ b/src/frontend/package-lock.json @@ -20,7 +20,7 @@ "@types/react-dom": "^19.1.7", "@vitejs/plugin-react": "^5.0.0", "autoprefixer": "^10.4.21", - "daisyui": "^5.1.23", + "daisyui": "^5.1.24", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.20", @@ -1964,9 +1964,9 @@ "license": "MIT" }, "node_modules/daisyui": { - "version": "5.1.23", - "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.1.23.tgz", - "integrity": "sha512-HgxmDidqO0FrcrkMVRz7KYwQi+eoZarMVud2kx5cGhTmTlaJPne/gbsSEn4/vM1svbp40ENCMjJsbBldCXhrOA==", + "version": "5.1.24", + "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.1.24.tgz", + "integrity": "sha512-CFfVmaTNOM4H6rJ7YjD8pIZNmRg6merSI2Yx0cP2cOSvyfG571zSPf8Y8m6rLqsteVrE6cqI+hBcpJqNB3YqkA==", "dev": true, "license": "MIT", "funding": { diff --git a/src/frontend/package.json b/src/frontend/package.json index 29fd015..8dbd964 100644 --- a/src/frontend/package.json +++ b/src/frontend/package.json @@ -22,7 +22,7 @@ "@types/react-dom": "^19.1.7", "@vitejs/plugin-react": "^5.0.0", "autoprefixer": "^10.4.21", - "daisyui": "^5.1.23", + "daisyui": "^5.1.24", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.20", diff --git a/src/frontend/src/App.css b/src/frontend/src/App.css index c1572d4..ebb5257 100644 --- a/src/frontend/src/App.css +++ b/src/frontend/src/App.css @@ -1,45 +1,6 @@ @import "tailwindcss"; -@plugin "daisyui"; #root { - max-width: 1280px; - margin: 0 auto; - padding: 2rem; - text-align: center; -} - -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; - transition: filter 300ms; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} - -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} - -.card { - padding: 2em; -} - -.read-the-docs { - color: #888; -} + max-width: 1280px; + margin: 0 auto; +} \ No newline at end of file diff --git a/src/frontend/src/components/auth/AuthLayout.jsx b/src/frontend/src/components/auth/AuthLayout.jsx index c26ac84..30cd85e 100644 --- a/src/frontend/src/components/auth/AuthLayout.jsx +++ b/src/frontend/src/components/auth/AuthLayout.jsx @@ -1,4 +1,5 @@ import React from 'react'; +import ThemeSwitcher from "../common/ThemeSwither.jsx"; /** * AuthLayout component for authentication pages @@ -13,19 +14,12 @@ function AuthLayout({children}) { {/* Main container with flex centering */}
{/* Content wrapper for responsive spacing */} -
+ +
{children}
- {/* Optional decorative elements */} -
- {/* Subtle geometric background pattern */} -
-
-
-
); } diff --git a/src/frontend/src/components/auth/LoginForm.jsx b/src/frontend/src/components/auth/LoginForm.jsx index d53e0f5..7614015 100644 --- a/src/frontend/src/components/auth/LoginForm.jsx +++ b/src/frontend/src/components/auth/LoginForm.jsx @@ -92,11 +92,11 @@ function LoginForm() { }; return ( -
+
{/* Card Header */}
-

MyDocManager

+

My Documents DocManager

Sign in to your account

@@ -121,9 +121,9 @@ function LoginForm() { )} {/* Login Form */} -
+ {/* Username Field */} -
+
@@ -133,7 +133,7 @@ function LoginForm() { value={formData.username} onChange={handleInputChange} placeholder="Enter your username" - className={`input input-bordered w-full ${ + className={`input input-bordered w-full${ formErrors.username ? 'input-error' : '' }`} disabled={loading} @@ -147,7 +147,7 @@ function LoginForm() {
{/* Password Field */} -
+
@@ -157,7 +157,7 @@ function LoginForm() { value={formData.password} onChange={handleInputChange} placeholder="Enter your password" - className={`input input-bordered w-full ${ + className={`input input-bordered ${ formErrors.password ? 'input-error' : '' }`} disabled={loading} @@ -174,7 +174,7 @@ function LoginForm() {
+ + ))} + +
  • + + + + + + + + + + + + + +
    Créer votre thème!
    +     +
    • + +
    +
    + ); +} diff --git a/src/frontend/src/index.css b/src/frontend/src/index.css index eb62d20..34709fc 100644 --- a/src/frontend/src/index.css +++ b/src/frontend/src/index.css @@ -5,6 +5,7 @@ /* Custom styles for the application */ body { - @apply bg-base-100 text-base-content; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + margin: 0; } + diff --git a/src/frontend/src/main.jsx b/src/frontend/src/main.jsx index b9a1a6d..d3ec680 100644 --- a/src/frontend/src/main.jsx +++ b/src/frontend/src/main.jsx @@ -1,6 +1,7 @@ import { StrictMode } from 'react' import { createRoot } from 'react-dom/client' import './index.css' +import './App.css' import App from './App.jsx' createRoot(document.getElementById('root')).render( diff --git a/src/frontend/tailwind.config.js b/src/frontend/tailwind.config.js index 0b9aa2e..2226a7e 100644 --- a/src/frontend/tailwind.config.js +++ b/src/frontend/tailwind.config.js @@ -9,6 +9,7 @@ export default { }, plugins: [require("daisyui")], daisyui: { - themes: ["light", "dark"], + themes: ["light", "dark", "cupcake"], + darkTheme: "dark", }, -} \ No newline at end of file +} diff --git a/src/frontend/vite.config.js b/src/frontend/vite.config.js index 1f6c328..d6e2ecc 100644 --- a/src/frontend/vite.config.js +++ b/src/frontend/vite.config.js @@ -1,10 +1,8 @@ import {defineConfig} from 'vite' -import react from '@vitejs/plugin-react' import tailwindcss from '@tailwindcss/vite' +import react from '@vitejs/plugin-react' // https://vite.dev/config/ export default defineConfig({ - plugins: [react(), - tailwindcss(), - ], + plugins: [tailwindcss(), react()], })