Merge pull request #10 from sumeet-srknec/feature

completed v1 of navigation layout
sumeet-srknec · Sep 30, 2024 · 0bb3eac · 0bb3eac
2 parents 8c9743e + 932e573
commit 0bb3eac
Show file tree

Hide file tree

Showing 7 changed files with 296 additions and 111 deletions.
diff --git a/README.md b/README.md
@@ -9,3 +9,6 @@ Inspiration is Spotify for Windows (64 bit) - 1.2.47.364.gf06e5cee
 
 ### Control Panel
 ![Base layout](docs/images/control-panel.PNG "Control Panel")
+
+### Navigation Panel - V1
+![Base layout](docs/images/Navigation-layout-v1.PNG "Navigation Panel")
diff --git a/docs/images/Navigation-layout-v1.PNG b/docs/images/Navigation-layout-v1.PNG
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -16,6 +16,7 @@
         "react-redux": "^9.1.2",
         "react-router-dom": "^6.26.2",
         "react-scripts": "5.0.1",
+        "tailwind-scrollbar": "^3.1.0",
         "web-vitals": "^2.1.4"
     },
     "scripts": {

diff --git a/frontend/src/App.js b/frontend/src/App.js
@@ -7,7 +7,7 @@ export default function App() {
     return (
         <div className="bg-gray-950 h-screen w-full text-white/75 flex flex-col gap-0.5">
             <Header />
-            <div className="flex flex-row gap-2 justify-between h-full p-2">
+            <div className="flex flex-row gap-2 justify-between h-[80%] p-2">
                 <Navigation />
                 <div className="bg-gray-900 rounded-lg flex-1 p-4">
                     <span>Body</span>