ui: update Nav, rename to GB

This commit is contained in:
Eirene 2024-01-31 13:12:33 +08:00
parent 8327bfdf0e
commit cdf1d994b4
2 changed files with 8 additions and 16 deletions

View File

@ -35,6 +35,14 @@
const baseClasses = 'group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold'; const baseClasses = 'group flex gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold';
</script> </script>
<div class="flex gap-4 h-16 shrink-0 items-center">
<img
class="h-8 w-auto"
src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=500"
alt="Your Company"
/>
<h3 class="text-white">GB Lux</h3>
</div>
<nav class="flex flex-1 flex-col"> <nav class="flex flex-1 flex-col">
<ul role="list" class="flex flex-1 flex-col -mx-2 space-y-1"> <ul role="list" class="flex flex-1 flex-col -mx-2 space-y-1">
{#each navItems as { name, href, Icon }} {#each navItems as { name, href, Icon }}

View File

@ -107,14 +107,6 @@
<div <div
class="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 pb-4 ring-1 ring-white/10" class="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 pb-4 ring-1 ring-white/10"
> >
<div class="flex gap-4 h-16 shrink-0 items-center">
<img
class="h-8 w-auto"
src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=500"
alt="Your Company"
/>
<h3 class="text-white">JB Lux</h3>
</div>
<Nav /> <Nav />
</div> </div>
</div> </div>
@ -125,14 +117,6 @@
<div class="hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col"> <div class="hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-72 lg:flex-col">
<!-- Sidebar component, swap this element with another sidebar if you like --> <!-- Sidebar component, swap this element with another sidebar if you like -->
<div class="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 pb-4"> <div class="flex grow flex-col gap-y-5 overflow-y-auto bg-gray-900 px-6 pb-4">
<div class="flex gap-4 h-16 shrink-0 items-center">
<img
class="h-8 w-auto"
src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=500"
alt="Your Company"
/>
<h3 class="text-white">JB Lux</h3>
</div>
<Nav /> <Nav />
</div> </div>
</div> </div>