From 4bd45d754821448b37c206544cbbfddf04360988 Mon Sep 17 00:00:00 2001
From: curly <curlybryce@protonmail.com>
Date: Wed, 11 Jan 2023 11:22:29 -0700
Subject: mobile nav complete

---
 src/assets/css/main.css | 39 ++++++++++++++++++++++++++++++---------
 1 file changed, 30 insertions(+), 9 deletions(-)

(limited to 'src/assets/css')

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index b08b004..a224932 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -22,6 +22,14 @@ html, body {
     --text-primary: #ddd;
     --text-secondary: #999;
   }
+  
+  :link {
+    color: #99ccff;
+  }
+
+  :visited {
+    color: #c78cff;
+  }
 }
 
 @media screen and (max-width: 500px) {
@@ -36,6 +44,10 @@ html, body {
   .body_decoration {
     display: none;
   }
+  .nav-button > a > .fa {
+    margin: auto 5px auto 5px;
+    width: 20px;
+  }
 }
 @media screen and (min-width: 501px) and (max-width: 1099px) {
   .header-image > :nth-child(1) {
@@ -43,6 +55,8 @@ html, body {
   }
   .header-image > :nth-child(2) {
     display: inline-block;
+    margin-bottom: 3px;
+    width: 32px;
   }
   .nav-button > a > :nth-child(2) {
     display: none;
@@ -80,6 +94,9 @@ html, body {
   .floatwrapper > div {
     max-width: 50px;
   }
+  .nav-button > a > .fa {
+    margin: auto;
+  }
 }
 @media screen and (min-width: 1100px) {
   .header-image > :nth-child(1) {
@@ -108,6 +125,10 @@ html, body {
     padding-left: 5px;
     padding-right: 5px;
   }
+  .nav-button > a > .fa {
+    margin: auto 5px auto 5px;
+    width: 20px;
+  }
 }
 
 
@@ -173,6 +194,7 @@ main {
   display: grid;
   height: 100vh;
   overflow: auto;
+  z-index: 2;
 }
 
 .header-image {
@@ -184,8 +206,13 @@ main {
 }
 
 .mobile-nav-button {
-  display: block;
-  margin: auto;
+  display: grid;
+  justify-content: center;
+  align-content: center;
+  width: 100%;
+  height: 100%;
+  text-decoration: none;
+  color: var(--text-primary);
 }
 
 .mobile-nav {
@@ -199,7 +226,7 @@ main {
 }
 .nav-button {
   display: block;
-  height: 35px;
+  height: 30px;
 }
 .nav-button > a {
   display: flex;
@@ -210,7 +237,6 @@ main {
 .nav-button > a > span {
   margin-top: auto;
   margin-bottom: auto;
-  padding-left: 5px;
 }
 .nav-button:hover, .header-image:hover {
   cursor: pointer;
@@ -255,9 +281,4 @@ main {
 }
 .card-head {
   font-weight: bold;
-}
-
-
-.fa-pleroma {
-  color: #fba457;
 }
\ No newline at end of file
-- 
cgit v1.2.3