Updated looks

This commit is contained in:
2024-04-04 16:38:35 -04:00
parent 2d9fce2e89
commit 7164e41aa1
36 changed files with 2863 additions and 1567 deletions

View File

@@ -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>