first fixes
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
<script setup lang="ts">
|
||||
import { computed, ref } from 'vue'
|
||||
import { useSidebar } from '~/composables/useSidebar'
|
||||
import { Link, usePage } from '@inertiajs/vue3'
|
||||
import { Link } from '@adonisjs/inertia/vue'
|
||||
import { usePage } from '@inertiajs/vue3'
|
||||
import { userProfileIcon } from '~/assets/icons'
|
||||
|
||||
const dropdownOpen = ref(false)
|
||||
@@ -31,16 +32,23 @@ const user = computed(() => {
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-6">
|
||||
<button class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all">
|
||||
<button
|
||||
class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all"
|
||||
>
|
||||
<span class="material-symbols-outlined">notifications</span>
|
||||
</button>
|
||||
<button class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all">
|
||||
<button
|
||||
class="text-on-surface-variant hover:bg-surface-container-low p-2 rounded-full transition-all"
|
||||
>
|
||||
<span class="material-symbols-outlined">settings</span>
|
||||
</button>
|
||||
|
||||
<div class="h-8 w-px bg-outline-variant mx-2"></div>
|
||||
|
||||
<div class="relative flex items-center gap-3 cursor-pointer group" @click="dropdownOpen = !dropdownOpen">
|
||||
<div
|
||||
class="relative flex items-center gap-3 cursor-pointer group"
|
||||
@click="dropdownOpen = !dropdownOpen"
|
||||
>
|
||||
<div class="text-right hidden sm:block">
|
||||
<p class="font-label-md text-label-md text-on-surface">{{ user.name }}</p>
|
||||
</div>
|
||||
@@ -65,7 +73,9 @@ const user = computed(() => {
|
||||
>
|
||||
<div class="px-4 py-3 border-b border-outline-variant">
|
||||
<p class="font-label-md text-label-md text-on-surface truncate">{{ user.name }}</p>
|
||||
<p class="font-label-sm text-label-sm text-on-surface-variant truncate">{{ user.email }}</p>
|
||||
<p class="font-label-sm text-label-sm text-on-surface-variant truncate">
|
||||
{{ user.email }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<Link
|
||||
|
||||
Reference in New Issue
Block a user