Kalenderübersicht der Termin

2025-08-14 21:38:23 +02:00
parent 69612c3c0e
commit 2e2685f889
2 changed files with 270 additions and 0 deletions
--- a/inc/header.php
+++ b/inc/header.php
@@ -14,6 +14,61 @@
    <link rel="stylesheet" href="../css/style.css">
    <link rel="manifest" href="manifest.json">

+    <style>
+        body {
+            padding-top: 56px;
+        }
+
+        /* Kalender-Stile */
+        .calendar-grid {
+            display: grid;
+            grid-template-columns: repeat(7, 1fr);
+            gap: 0;
+            margin: auto;
+        }
+
+        .calendar-grid.fw-bold {
+            margin-bottom: 0;
+        }
+
+        .calendar-day {
+            aspect-ratio: 1 / 1;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            border: 1px solid #e9ecef;
+            padding: 0.8rem;
+            font-size: 1rem;
+            position: relative;
+            text-align: center;
+        }
+
+        .calendar-day.meeting-day {
+            cursor: pointer;
+            border: 2px solid #6c757d;
+            transition: transform 0.2s;
+        }
+
+        .calendar-day.meeting-day:hover {
+            transform: scale(1.05);
+        }
+
+        .calendar-day .day-number {
+            position: absolute;
+            top: 5px;
+            left: 5px;
+            font-weight: bold;
+        }
+
+        /* Stil für die Wochentage (aktualisiert) */
+        .calendar-grid.fw-bold .calendar-day {
+            padding: 0.2rem;
+            /* Höhe reduziert */
+            color: #121212;
+            /* Farbe abgedunkelt */
+        }
+    </style>
+
 </head>

 <body>