admin dashboard UI: WIP

aashish-t-magar · Dec 11, 2023 · 88fa8cc · 88fa8cc
1 parent 811b439
commit 88fa8cc
Show file tree

Hide file tree

Showing 5 changed files with 100 additions and 1 deletion.
diff --git a/resources/css/admin-dashboard.css b/resources/css/admin-dashboard.css
@@ -0,0 +1,6 @@
+*,html,body{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: Poppins;
+}
diff --git a/resources/css/side-nav.css b/resources/css/side-nav.css
@@ -0,0 +1,42 @@
+nav{
+    padding: 10px;
+    width: 17%;
+    background: rgb(61,81,181);
+    background: linear-gradient(313deg, rgba(61,81,181,1) 0%, rgba(77,103,255,1) 52%, rgba(92,137,180,1) 100%);
+    height: 100vh;
+    position: fixed;
+    color: white;
+}
+
+.brand-place{
+    font-size: 30px;
+    align-items: center;
+    text-align: center;
+    border-bottom: 2px white solid;
+    font-weight: bold;
+    letter-spacing: 3px;
+}
+
+.activities{
+    height: 90%;
+    padding: 10px;
+    font-size: 24px;
+    margin-top: 10px;
+    letter-spacing: 2px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+
+ul>li{
+    list-style: none;
+    margin-top: 10px;
+    padding: 10px;
+}
+
+ul>li:hover{
+    cursor: pointer;
+    background-color: #000;
+    opacity: 60%;
+}
diff --git a/resources/views/backend/index.blade.php b/resources/views/backend/index.blade.php
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/fontawesome.min.css" />  
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" />
+    <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
+    @vite(['resources/css/admin-dashboard.css', 'resources/css/side-nav.css'])
+    <title>Dashboard</title>
+</head>
+<body>
+    <section>
+        <div class="side-nav">
+            @include('commonComponents.side-nav')
+        </div>
+        <div></div>
+    </section>
+</body>
+</html>
diff --git a/resources/views/commonComponents/side-nav.blade.php b/resources/views/commonComponents/side-nav.blade.php
@@ -0,0 +1,25 @@
+<nav>
+    <div class="brand-place">
+        <span>Brand</span>
+    </div>
+
+    <div class="activities">
+        <div class="navigation">
+            <ul>
+                <li><i class="fa-solid fa-layer-group"></i></i> Category</li>
+                <li><i class="fa-solid fa-layer-group"></i></i> Sub-category</li>
+                <li><i class="fa-solid fa-layer-group"></i> Product</li>
+                <li><i class="fa-solid fa-layer-group"></i></i> Orders</li>
+                <li><i class="fa-solid fa-layer-group"></i></i> Category</li>
+
+            </ul>
+        </div>
+        <div class="utilities">
+            <ul>
+                <li><i class="fa-solid fa-layer-group"></i></i> Admins</li>
+                <li><i class="fa-solid fa-layer-group"></i></i> Users</li>
+                <li><i class="fa-solid fa-layer-group"></i></i> Logout</li>
+            </ul>
+        </div>
+    </div>
+</nav>
diff --git a/routes/web.php b/routes/web.php
@@ -20,9 +20,14 @@
 
 
 //admin routes
+                //admin login
 Route::get('admin-login', [AdminDataDetailsController::class, 'showLoginForm']);
 Route::post('admin-validate', [AdminDataDetailsController::class, 'login']);
+
+
+                //admin dashboard
 Route::get('dashboard', function (){
-    return "login";
+    return view('backend.index');
 });
 
+