kogakure/website-astro-stefanimhoff.de
1
0
Fork 0
mirror of https://github.com/kogakure/website-astro-stefanimhoff.de.git synced 2026-02-03 20:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update margins of the footer

Browse Source
This commit is contained in:
Stefan Imhoff
2023-02-25 23:27:59 +01:00
parent 21a173409d
commit 6c15bb55cf
4 changed files with 21 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/PageFooter.astro
View File

@@ -7,15 +7,17 @@ import UpLink from './UpLink.astro';
--- ---
<footer <footer
class="bg-shibui-200 mbs-layout pis-9 pie-6 pbe-5 pbs-10 border-bs-2 border-bs-shibui-250 dark:bg-shibui-950 dark:border-bs-shibui-850 print:hidden" class="grid grid-cols-18 bg-shibui-200 mbs-layout pbe-10 pbs-12 border-bs-2 border-bs-shibui-250 dark:bg-shibui-950 dark:border-bs-shibui-850 print:hidden"
> >
<div class="flex flex-col gap-4 mbe-10 sm:flex-row sm:mbe-0"> <div class="col-span-14 col-start-3 sm:col-span-16 sm:col-start-2">
<RSSLink /> <div class="flex flex-col gap-4 mbe-10 sm:flex-row sm:mbe-5">
<Subnavigation /> <RSSLink />
</div> <Subnavigation />
<div class="flex flex-col flex-wrap text-[12px] sm:flex-row sm:gap-4"> </div>
<Legal /> <div class="flex flex-col flex-wrap text-[12px] sm:flex-row sm:gap-4">
<SocialLinks /> <Legal />
<UpLink /> <SocialLinks />
<UpLink />
</div>
</div> </div>
</footer> </footer>

9
src/components/RSSLink.astro
View File

@@ -7,8 +7,13 @@ import Subsubheadline from './Subsubheadline.svelte';
<div class="grow mbe-5 sm:mbe-0"> <div class="grow mbe-5 sm:mbe-0">
<Subsubheadline>Stay up to date.</Subsubheadline> <Subsubheadline>Stay up to date.</Subsubheadline>
<p> <p>
<a href="/rss.xml" rel="nofollow noopener noreferrer external" target="_blank"> <Sprite name="ri:rss-fill" class="h-icon w-icon inline" />
<Sprite name="ri:rss-fill" class="h-icon w-icon inline" /> <a
class="font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20"
href="/rss.xml"
rel="nofollow noopener noreferrer external"
target="_blank"
>
Subscribe via RSS Subscribe via RSS
</a> </a>
</p> </p>

4
src/components/Subnavigation.astro
View File

@@ -11,7 +11,7 @@ const currentPath = new URL(Astro.request.url).pathname;
<li> <li>
<a <a
href={url} href={url}
class={`text-3 font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 ${ class={`font-light decoration-4 underline-offset-auto hover:underline hover:decoration-shibui-900/20 dark:hover:decoration-shibui-100/20 ${
currentPath === url && 'underline !decoration-accent decoration-4' currentPath === url && 'underline !decoration-accent decoration-4'
}`} }`}
> >
@@ -21,7 +21,7 @@ const currentPath = new URL(Astro.request.url).pathname;
)) ))
} }
</ul> </ul>
<ul class="mie-12 md:mie-16"> <ul class="mie-10">
{ {
data.misc.map(({ title, url }) => ( data.misc.map(({ title, url }) => (
<li> <li>

2
src/components/Subsubheadline.svelte
View File

@@ -4,7 +4,7 @@
<svelte:element <svelte:element
this={as} this={as}
class={`text-3 font-black tracking-tight mbe-8 mbs-14 first-of-type:mbs-0 dark:font-extrabold ${ class={`text-3 font-black tracking-tight mbe-5 mbs-14 first-of-type:mbs-0 dark:font-extrabold ${
$$props.class || '' $$props.class || ''
}`} }`}
> >