commit e65c134ed92b3b49093a82e91276328b24d2ffa5
author Samuel Shuert <coded@clicks.codes> Fri Dec 01 20:19:33 2023 -0500
committer Samuel Shuert <coded@clicks.codes> Sat Dec 02 01:20:42 2023 +0000
tree 086cdfa86b687280e35fd5098d871e49bb0f34d2
parent a21bb2cd232eeda31db4ea485ffe97e2113a3c29

Some Stuff

Change-Id: I4ea817ee39ff54cdffc4d029570ed00b8bb097f2
Reviewed-on: https://git.clicks.codes/c/Coded/ddwiki/+/92

components/NavBar.tsx

diff --git a/components/NavBar.tsx b/components/NavBar.tsx
index 7c846c9..580e572 100644
--- a/components/NavBar.tsx
+++ b/components/NavBar.tsx
@@ -32,11 +32,11 @@
   const [showChild, setShowChild] = useState<boolean>(false)
   return (
     <div
-    className="flex space-y-1"
+    className="flex min-w-fit"
     onMouseLeave={() => void setShowChild(false)}
     >
       <div
-      className="w-fit px-3 text-slate-200 hover:bg-white hover:bg-opacity-5 rounded py-1 cursor-pointer"
+      className="w-fit px-3 text-slate-200 hover:bg-white hover:bg-opacity-5 rounded py-1 cursor-pointer min-w-fit"
       onClick={() => router.push(title.toLowerCase())}
       onMouseEnter={() => void setShowChild(true)}
       >
@@ -44,7 +44,7 @@
       </div>
       {
         (children)
-        ? <div className={`bg-[#383838] bg-opacity-75 w-fit rounded flex flex-col space-y-1 p-1 ${showChild ? "opacity-100" : "opacity-0"}`}>
+        ? <div className={`bg-[#383838] bg-opacity-75 w-fit rounded flex flex-col space-y-1 p-1 ${showChild ? "opacity-100" : "opacity-0"} min-w-fit`}>
           { children }
         </div>
         : null
@@ -67,11 +67,11 @@
 
   return (
     <div
-    className="flex flex-col space-y-1"
+    className="flex flex-col space-y-1 max-w-[7.5vw]"
     onMouseLeave={() => void setShowChild(false)}
     >
       <div
-      className="w-fit px-3 text-slate-200 hover:bg-white hover:bg-opacity-5 rounded py-1 cursor-pointer"
+      className="w-fit px-3 text-slate-200 hover:bg-white hover:bg-opacity-5 rounded py-1 cursor-pointer min-w-fit"
       onClick={() => router.push(title.toLowerCase())}
       onMouseEnter={() => void setShowChild(true)}
       >
@@ -79,9 +79,11 @@
       </div>
       {
         (subgroups && subgroups.length > 0)
-        ? <div className={`bg-[#383838] bg-opacity-75 w-fit rounded flex flex-col space-y-1 p-1 ${showChild ? "opacity-100" : "opacity-0"}`}>
+        ? <div className={`bg-[#383838] bg-opacity-75 rounded flex flex-col space-y-1 p-1 ${showChild ? "opacity-100" : "opacity-0"} w-fit`}>
           {
-            subgroups.map((item, i) => <div key={i}>{item}</div>)
+            subgroups.map((item, i) => <div
+            key={i}
+            >{item}</div>)
           }
         </div>
         : null