Firs Commit

2025-03-21 09:37:29 +07:00
commit b5f22f157e
98 changed files with 16210 additions and 0 deletions
@@ -0,0 +1,10 @@
+<script setup lang="ts">
+import { Icon } from '@iconify/vue';
+</script>
+<template>
+    <v-btn icon class="custom-hover-primary" size="small" variant="text" rounded="circle" color="primary" >
+        <v-badge dot color="primary" offset-x="-5" offset-y="-3">
+            <Icon icon="solar:bell-bing-line-duotone" height="22" />
+        </v-badge>
+    </v-btn>
+</template>
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { UserIcon, MailIcon, ListCheckIcon } from 'vue-tabler-icons';
+</script>
+
+<template>
+    <!-- ---------------------------------------------- -->
+    <!-- notifications DD -->
+    <!-- ---------------------------------------------- -->
+    <v-menu :close-on-content-click="false">
+        <template v-slot:activator="{ props }">
+            <v-btn class="profileBtn custom-hover-primary" variant="text" rounded="circle" v-bind="props" icon>
+                <v-avatar size="35">
+                    <img src="/images/profile/user-1.jpg" height="35" alt="user" />
+                </v-avatar>
+            </v-btn>
+        </template>
+        <v-sheet rounded="md" width="200" elevation="10" class="mt-2">
+            <v-list class="py-0" lines="one" density="compact">
+                <v-list-item value="item1" active-color="primary" >
+                    <template v-slot:prepend>
+                        <UserIcon stroke-width="1.5" size="20"/>
+                    </template>
+                    <v-list-item-title class="pl-4 text-body-1">My Profile</v-list-item-title>
+                </v-list-item>
+                <v-list-item value="item2" active-color="primary">
+                    <template v-slot:prepend>
+                        <MailIcon stroke-width="1.5" size="20"/>
+                    </template>
+                    <v-list-item-title  class="pl-4 text-body-1">My Account</v-list-item-title>
+                </v-list-item>
+                <v-list-item value="item3" active-color="primary"> 
+                    <template v-slot:prepend>
+                        <ListCheckIcon stroke-width="1.5"  size="20"/>
+                    </template>
+                    <v-list-item-title class="pl-4 text-body-1">My Task</v-list-item-title>
+                </v-list-item>
+            </v-list>
+            <div class="pt-4 pb-4 px-5 text-center">
+                <v-btn to="/auth/login" color="primary" variant="outlined" block>Logout</v-btn>
+            </div>
+        </v-sheet>
+    </v-menu>
+</template>