Responsive updates.

2023-04-09 20:22:28 -07:00
parent 53b23420a4
commit 94ed67e339
20 changed files with 100 additions and 77 deletions
--- a/components/layout/NavBar.module.css
+++ b/components/layout/NavBar.module.css
@@ -59,7 +59,8 @@
  border-bottom: 2px solid var(--primary400);
 }

-.actions {
+.actions,
+.mobile {
  display: flex;
  flex-direction: row;
  align-items: center;
@@ -67,9 +68,17 @@
  min-width: 0;
 }

+.mobile {
+  display: none;
+}
+
@media only screen and (max-width: 768px) {
  .links,
  .actions {
    display: none;
  }
+
+  .mobile {
+    display: flex;
+  }
 }