dst/store
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add logo display in AppSidebar and improve layout in Home.vue for better user experience

Browse Source
This commit is contained in:
Yoga Pangestu 2026-06-20 10:54:02 +07:00
parent 9df8fe1ce2
commit 6aa818e562
2 changed files with 169 additions and 163 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/AppSidebar.vue
View File

@ -92,7 +92,13 @@ const menuGroups: MenuGroup[] = [
<SidebarMenuItem> <SidebarMenuItem>
<SidebarMenuButton size="lg" as-child> <SidebarMenuButton size="lg" as-child>
<Link href="/admin/dashboard"> <Link href="/admin/dashboard">
<div class="grid flex-1 text-left text-sm leading-tight"> <img
v-if="page.props.logo_url"
:src="page.props.logo_url"
:alt="page.props.name"
class="h-8 w-auto object-contain"
/>
<div v-else class="grid flex-1 text-left text-sm leading-tight">
<span class="truncate font-semibold">{{ page.props.name }}</span> <span class="truncate font-semibold">{{ page.props.name }}</span>
</div> </div>
</Link> </Link>

6
resources/js/pages/Home.vue
View File

@ -414,9 +414,9 @@ clearInterval(countdownInterval);
v-if="logoUrl" v-if="logoUrl"
:src="logoUrl" :src="logoUrl"
:alt="appName" :alt="appName"
class="h-10 w-auto object-contain bg-white/80 p-1 rounded-lg shadow-sm" class="h-10 w-auto object-contain p-1 rounded-lg shadow-sm"
/> />
<span class="font-serif text-2xl font-bold tracking-[0.1em] text-cyan-600 dark:text-cyan-400"> <span v-else class="font-serif text-2xl font-bold tracking-[0.1em] text-cyan-600 dark:text-cyan-400">
{{ appName }} {{ appName }}
</span> </span>
</a> </a>
@ -1034,7 +1034,7 @@ clearInterval(countdownInterval);
:alt="appName" :alt="appName"
class="h-8 w-auto object-contain bg-white p-0.5 rounded shadow-sm" class="h-8 w-auto object-contain bg-white p-0.5 rounded shadow-sm"
/> />
<span class="font-serif text-xl font-bold tracking-widest text-black dark:text-white text-cyan-600 dark:text-cyan-400"> <span v-else class="font-serif text-xl font-bold tracking-widest text-black dark:text-white text-cyan-600 dark:text-cyan-400">
{{ appName }} {{ appName }}
</span> </span>
</div> </div>