feat: update schedule pt.2 (#89)

designatuci · Apr 7, 2024 · d59714d · d59714d
1 parent cc1c6db
commit d59714d
Show file tree

Hide file tree

Showing 2 changed files with 514 additions and 277 deletions.
diff --git a/src/app/pages/Designathons/Designathon24/components/Schedule/Schedule.module.scss b/src/app/pages/Designathons/Designathon24/components/Schedule/Schedule.module.scss
@@ -10,6 +10,7 @@
 		color: var(--gray);
 		font-size: 1.2em;
 		line-height: 1.3em;
+		margin-bottom: 0.5rem;
 	}
 
 	.heading {
@@ -31,7 +32,6 @@
 		color: var(--des24-peach);
 		font-size: 2rem;
 		font-weight: bold;
-		margin-top: 4rem;
 	}
 
 	a {
@@ -73,12 +73,10 @@
 
 				@media screen and (min-width: 640px) {
 					flex-direction: row;
-					gap: unset;
 				}
 
 				@media screen and (min-width: 950px) {
 					flex-direction: column;
-					gap: 1rem;
 				}
 
 				.titleContainer {
@@ -108,6 +106,7 @@
 					display: flex;
 					gap: 8px;
 					margin-top: unset;
+					min-width: fit-content;
 
 					@media screen and (min-width: 1280) {
 						margin-top: auto;
@@ -149,3 +148,38 @@
 		}
 	}
 }
+
+.dateToggle {
+	display: flex;
+	margin-bottom: 1rem;
+	position: relative;
+
+	.button {
+		width: 6rem;
+		height: 3rem;
+		border: 2px solid var(--des24-peach);
+		background-color: #ffdce4;
+		font-size: 1.5rem;
+		color: var(--des24-peach);
+	}
+
+	.friday {
+		border-top-left-radius: 20px;
+		border-bottom-left-radius: 20px;
+	}
+
+	.saturday {
+		border-left: 0px;
+		border-right: 0px;
+	}
+
+	.sunday {
+		border-top-right-radius: 20px;
+		border-bottom-right-radius: 20px;
+	}
+
+	.selected {
+		background-color: var(--des24-peach);
+		color: #ffdce4;
+	}
+}