Fix website nav menu for mobile. Fixes #2141.

2023-07-27 15:08:33 -07:00
parent f35d0f65dc
commit 69c0fa0db9
2 changed files with 31 additions and 5 deletions
--- a/components/pages/websites/WebsiteHeader.module.css
+++ b/components/pages/websites/WebsiteHeader.module.css
@@ -27,3 +27,29 @@
 .selected {
  font-weight: bold;
 }
+
+.links {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+@media only screen and (max-width: 768px) {
+  .links {
+    justify-content: space-evenly;
+    flex: 1;
+    border-bottom: 1px solid var(--base300);
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+  }
+
+  .label {
+    display: none;
+  }
+
+  .icon,
+  .icon svg {
+    width: 30px;
+    height: 30px;
+  }
+}