Merge branch 'main' of https://github.com/DHBWLoerrach/TIF22A_AnwProjekt_B

anwendung/src/styles/globals.css

@@ -8,13 +8,6 @@
   --background-end-rgb: 255, 255, 255;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
 
 body {
   color: rgb(var(--foreground-rgb));
@@ -34,28 +27,30 @@ Button
  */
 .round-border
 {
-  border-radius: 10px;
+  border-radius: 5px;
   border-width: 0;
 }
 
 .font-small
 {
-  font-size: 15px;
+  font-size: 10px;
 }
 
 .font-middle
 {
-  font-size: 20px ;
+  font-size: 12px ;
 }
 
 .font-big
 {
-  font-size: 30px;
+  font-size: 16px;
 }
 
 .button
 {
-  background-color: #0d52ce;
+  background-color: #363636;
+  padding: 5px;
+  color: white;
 }
 
 .button:hover
@@ -125,6 +120,7 @@ Step Progress Bar
   z-index: -1;
 }
 
+
 .dateElement{
   display: flex;
   margin-left: 20px;
@@ -136,6 +132,52 @@ Step Progress Bar
   background-color: #0d52ce;
 }
 
-.weekSelector{
+.weekSelector {
   display: flex;
 }
+
+/*
+Popup
+ */
+
+.modal-container
+{
+  z-index: 1;
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+
+.modal
+{
+  width: 300px;
+  height: 100px;
+  border-radius: 10px;
+  background-color: rgb(255, 255, 255);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 5px;
+}
+
+.modal p
+{
+  text-align: center;
+}
+
+.modal div
+{
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  justify-content: end;
+  gap: 5px;
+}