feat(ui): flex the whole <body> container

lemredd · Jan 16, 2023 · 87eee23 · 87eee23
1 parent bddbfd5
commit 87eee23
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/src/style.scss b/src/style.scss
@@ -2,6 +2,31 @@
 @tailwind components;
 @tailwind utilities;
 
+body {
+	@apply flex;
+
+	#app {
+		@apply flex-1;
+		max-width: 768px;
+	}
+
+	#history-container-shown-by-default {
+		display: none;
+	}
+
+	@screen md {
+		#app {
+			max-width: 640px;
+		}
+
+		#history-container-shown-by-default {
+			display: block;
+		}
+
+	}
+}
+
+
 button:not(.no-border) {
 	@apply m-[1px] px-2 py-1;
 	@apply border border-neutral-800 rounded-md;