idk

CSS libraries/odkazy.txt

@@ -0,0 +1,11 @@
+Ikony
+https://react-icons.github.io/react-icons/
+
+Lepší bootstrap
+https://tailwindcss.com/docs/installation/using-vite
+
+Animace
+https://examples.motion.dev/react#ui
+
+Inputy
+https://mantine.dev/dates/date-picker/#display-week-numbers

frontend/src/components/main/footer/Footer.tsx

@@ -1,4 +1,6 @@
 import { motion } from "framer-motion";
+import styles from "./footer.module.css";
+
 
 export default function Footer() {
   return (
@@ -6,7 +8,7 @@ export default function Footer() {
       initial={{ y: 80, opacity: 0 }}
       animate={{ y: 0, opacity: 1 }}
       transition={{ duration: 0.4, delay: 0.2 }}
-      className="bg-white shadow-inner py-4 px-6 mt-8 text-center text-gray-500"
+      className={`${styles.footer} bg-white shadow-inner py-4 px-6 mt-8 text-center text-gray-500`}
     >
       <span>
         &copy; {new Date().getFullYear()} MyDashboard. All rights reserved.

frontend/src/components/main/footer/footer.module.css

@@ -0,0 +1,4 @@
+.footer {
+  /* optional local styles */
+  /* e.g., outline: 1px solid transparent; */
+}

frontend/src/layout/Home.tsx

@@ -1,5 +1,5 @@
 import { Outlet } from "react-router-dom";
-import Footer from "../components/main/Footer.tsx";
+import Footer from "../components/main/footer/Footer.tsx";
 import { motion } from "framer-motion";
 
 export default function HomeLayout() {

frontend/src/styles/global.css

@@ -0,0 +1,2 @@
+@import "tailwindcss";
+/* ...existing code... */

frontend/vite.config.js

@@ -0,0 +1,10 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import tailwind from '@tailwindcss/vite';
+
+export default defineConfig({
+  plugins: [react(), tailwind()],
+  server: {
+    port: 3000, // Set the development server port to 3000
+  },
+});