update file structure
This commit is contained in:
42
src/lib/components/Header.svelte
Normal file
42
src/lib/components/Header.svelte
Normal file
@@ -0,0 +1,42 @@
|
||||
<script lang="ts">
|
||||
import ThemeToggleIcon from '$lib/components/ThemeToggleIcon.svelte';
|
||||
import { theme } from '$lib/stores/theme';
|
||||
import { appWindow } from '@tauri-apps/api/window';
|
||||
</script>
|
||||
|
||||
<div
|
||||
data-tauri-drag-region
|
||||
class="h-12 bg-base-100 shadow-lg items-center justify-between flex"
|
||||
>
|
||||
<button
|
||||
on:click={theme.toggleTheme}
|
||||
class="hover:text-secondary ml-2"
|
||||
aria-live="polite"
|
||||
>
|
||||
<ThemeToggleIcon cssClass={'w-8'} />
|
||||
</button>
|
||||
|
||||
<div>
|
||||
<a
|
||||
target="_blank"
|
||||
href="https://github.com/Fractal-Tess/Svelte-Tauri"
|
||||
class="hover:text-secondary"
|
||||
>
|
||||
<i class="fa-brands fa-github h-6" />
|
||||
</a>
|
||||
<button
|
||||
on:click={appWindow.minimize}
|
||||
aria-live="polite"
|
||||
class="p-2 text-xl hover:text-secondary h-full"
|
||||
>
|
||||
<i class="fa-solid fa-window-minimize w-6" />
|
||||
</button>
|
||||
<button
|
||||
on:click={appWindow.close}
|
||||
aria-live="polite"
|
||||
class="p-2 text-2xl hover:text-secondary h-full"
|
||||
>
|
||||
<i class="fa-solid fa-xmark w-6" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
Reference in New Issue
Block a user