Madmin
/
its-personal
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Main - Footer, Header - responsive drawer

This commit is contained in:
matthieu42morin 2024-04-28 01:19:28 +02:00
parent 34f70f0412
commit 0170618b67
3 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/main/MainDrawer.svelte
View File

@ -3,8 +3,6 @@
const drawerStore = getDrawerStore(); const drawerStore = getDrawerStore();
import { NavRoutes } from '$lib/config'; import { NavRoutes } from '$lib/config';
import { page } from '$app/stores'; import { page } from '$app/stores';
import { browser } from '$app/environment';
// what is my url?
$: classesDrawer = $drawerStore.id === 'mobile-nav' ? 'md:hidden' : ''; $: classesDrawer = $drawerStore.id === 'mobile-nav' ? 'md:hidden' : '';
</script> </script>

18
src/lib/components/main/MainFooter.svelte
View File

@ -14,11 +14,19 @@
<!-- <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> --> <!-- <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"> -->
<a class="items-center md:justify-start justify-center" href="/"> <a class="items-center md:justify-start justify-center" href="/">
<p class="sm:pl-4 text-base sm:py-2 sm:mt-0 mt-4 text-center"> <p class="sm:pl-4 text-base sm:py-2 sm:mt-0 mt-4 text-center">
All content, unless otherwise stated, All content on this website, unless otherwise stated,
<br>by Matthieu Morin, is under © copyright {year}, <br />by Matthieu Morin, is under copyright © {year},
<br>and all of it licensed under <a class="anchor font-bold" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a>. <br />all of it licensed under
<br>This site coded by me is <a class="font-bold anchor" href="https://git.mattmor.in/Madmin/its-personal/src/branch/master/LICENSE">MIT Licensed</a>. <a
class="anchor font-bold"
href="https://creativecommons.org/licenses/by-sa/4.0/deed.en">CC BY-SA 4.0</a
>.
<br />This site, coded by me, is
<a
class="font-bold anchor"
href="https://git.mattmor.in/Madmin/its-personal/src/branch/master/LICENSE"
>MIT Licensed</a
>.
</p> </p>
</a> </a>
</div> </div>

6
src/lib/components/main/MainHeader.svelte
View File

@ -1,10 +1,9 @@
<script lang="ts"> <script lang="ts">
import { LightSwitch, AppBar, Avatar, getDrawerStore, Drawer } from '@skeletonlabs/skeleton'; import { LightSwitch, Avatar, getDrawerStore } from '@skeletonlabs/skeleton';
import type { DrawerSettings } from '@skeletonlabs/skeleton'; import type { DrawerSettings } from '@skeletonlabs/skeleton';
const drawerStore = getDrawerStore(); const drawerStore = getDrawerStore();
// Components // Components
import { getImageLink } from '$lib/images';
import { page } from '$app/stores'; import { page } from '$app/stores';
import { NavRoutes } from '$lib/config'; import { NavRoutes } from '$lib/config';
@ -23,9 +22,6 @@
}; };
drawerStore.open(drawerSettings); drawerStore.open(drawerSettings);
} }
// Local
const imgPlaceholder = getImageLink({ id: 'linky', w: 128, h: 128 });
</script> </script>
<section <section