mirror of
https://github.com/jcreek/LivingDexTracker.git
synced 2026-07-13 02:53:45 +00:00
Amber M
67 lines
1.7 KiB
Svelte
67 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
import 'tailwindcss/tailwind.css';
|
|
</script>
|
|
|
|
<header>
|
|
<div class="navbar bg-base-100">
|
|
<div class="flex-1">
|
|
<a class="btn btn-ghost text-xl">Pokedex Tracker</a>
|
|
</div>
|
|
<div class="flex-none gap-2">
|
|
<div class="form-control">
|
|
<input type="text" placeholder="Search" class="input input-bordered w-24 md:w-auto" />
|
|
</div>
|
|
<div class="dropdown dropdown-end">
|
|
<div tabindex="0" role="button" class="btn btn-ghost btn-circle avatar">
|
|
<div class="w-10 rounded-full">
|
|
<img
|
|
alt="Tailwind CSS Navbar component"
|
|
src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<ul
|
|
tabindex="0"
|
|
class="mt-3 z-[1] p-2 shadow menu menu-sm dropdown-content bg-base-100 rounded-box w-52"
|
|
>
|
|
<li>
|
|
<a class="justify-between">
|
|
Profile
|
|
<span class="badge">New</span>
|
|
</a>
|
|
</li>
|
|
<li><a>Settings</a></li>
|
|
<li><a>Logout</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<slot />
|
|
</main>
|
|
|
|
<footer class="footer p-10 bg-neutral text-neutral-content">
|
|
<nav>
|
|
<h6 class="footer-title">Services</h6>
|
|
<a class="link link-hover">Branding</a>
|
|
<a class="link link-hover">Design</a>
|
|
<a class="link link-hover">Marketing</a>
|
|
<a class="link link-hover">Advertisement</a>
|
|
</nav>
|
|
<nav>
|
|
<h6 class="footer-title">Company</h6>
|
|
<a class="link link-hover">About us</a>
|
|
<a class="link link-hover">Contact</a>
|
|
<a class="link link-hover">Jobs</a>
|
|
<a class="link link-hover">Press kit</a>
|
|
</nav>
|
|
<nav>
|
|
<h6 class="footer-title">Legal</h6>
|
|
<a class="link link-hover">Terms of use</a>
|
|
<a class="link link-hover">Privacy policy</a>
|
|
<a class="link link-hover">Cookie policy</a>
|
|
</nav>
|
|
</footer>
|