Updated looks
This commit is contained in:
@@ -1,25 +1,25 @@
|
||||
<template>
|
||||
|
||||
<div class="drawer sm:drawer-open">
|
||||
<input id="my-drawer-2" type="checkbox" class="drawer-toggle"/>
|
||||
<div class="drawer sm:drawer-open bg-primary">
|
||||
<input id="my-drawer-2" type="checkbox" class="drawer-toggle" />
|
||||
<div class="drawer-content flex flex-col items-center justify-center ">
|
||||
</div>
|
||||
|
||||
<div class="drawer-side">
|
||||
<label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"></label>
|
||||
|
||||
<ul class="menu p-4 w-80 min-h-full bg-base-100 text-base-content">
|
||||
<ul class="menu p-4 w-80 min-h-full text-base-content bg-base-100 ">
|
||||
|
||||
<!-- Sidebar content here -->
|
||||
<li>
|
||||
<router-link :to="{ name: 'home' }">
|
||||
<div class=" hover:underline py-1 px-5 font-bold">Home</div>
|
||||
</router-link>
|
||||
</li>
|
||||
<router-link :to="{ name: 'home' }">
|
||||
<div class=" hover:underline py-1 px-5 font-bold">Home</div>
|
||||
</router-link>
|
||||
</li>
|
||||
|
||||
<div class="font-bold text-lg text-gray-500 pt-5">Customer</div>
|
||||
|
||||
<li>
|
||||
<div class="font-bold text-lg text-gray-500 pt-5 ">Customer</div>
|
||||
|
||||
<li class="text-white">
|
||||
<router-link :to="{ name: 'customer' }">
|
||||
<div class=" hover:underline py-1">All Customers</div>
|
||||
</router-link>
|
||||
@@ -28,7 +28,7 @@
|
||||
</router-link>
|
||||
</li>
|
||||
<div class="font-bold text-lg text-gray-500 pt-5">Delivery</div>
|
||||
<li>
|
||||
<li class="text-white">
|
||||
<router-link :to="{ name: 'delivery' }">
|
||||
<div class=" hover:underline py-1">Home</div>
|
||||
</router-link>
|
||||
@@ -41,7 +41,7 @@
|
||||
<router-link :to="{ name: 'deliveryWaiting' }">
|
||||
<div class=" hover:underline py-1">Waiting Deliverys</div>
|
||||
</router-link>
|
||||
<router-link :to="{ name: 'deliveryDelivered'}">
|
||||
<router-link :to="{ name: 'deliveryDelivered' }">
|
||||
<div class=" hover:underline py-1">Delivered Payment </div>
|
||||
</router-link>
|
||||
<router-link :to="{ name: 'deliveryIssue' }">
|
||||
@@ -52,37 +52,32 @@
|
||||
</router-link>
|
||||
</li>
|
||||
<div class="font-bold text-lg text-gray-500 pt-5">Automatics</div>
|
||||
<li>
|
||||
<li class="text-white">
|
||||
<router-link :to="{ name: 'auto' }">
|
||||
<div class=" hover:underline py-1">Automatics</div>
|
||||
</router-link>
|
||||
</li>
|
||||
<div class="font-bold text-lg text-gray-500 pt-5">Employees</div>
|
||||
<li>
|
||||
<li class="text-white">
|
||||
<router-link :to="{ name: 'employee' }">
|
||||
<div class=" hover:underline py-1">Employees</div>
|
||||
</router-link>
|
||||
</li>
|
||||
|
||||
<div class="font-bold text-lg text-gray-500 pt-5">Admin</div>
|
||||
<li>
|
||||
<li class="text-white">
|
||||
<router-link :to="{ name: 'oilprice' }">
|
||||
<div class=" hover:underline py-1">Oil Pricing</div>
|
||||
</router-link>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
|
||||
<script lang="ts">
|
||||
|
||||
import {defineComponent} from "vue";
|
||||
import { defineComponent } from "vue";
|
||||
|
||||
export default defineComponent({
|
||||
name: "SideBar",
|
||||
@@ -96,6 +91,4 @@ export default defineComponent({
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
<style scoped></style>
|
||||
Reference in New Issue
Block a user