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

6
src/components/PageFooter.astro
View File

@@ -7,9 +7,10 @@ import UpLink from './UpLink.astro';
---
<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">
<div class="flex flex-col gap-4 mbe-10 sm:flex-row sm:mbe-5">
<RSSLink />
<Subnavigation />
</div>
@@ -18,4 +19,5 @@ import UpLink from './UpLink.astro';
<SocialLinks />
<UpLink />
</div>
</div>
</footer>

7
src/components/RSSLink.astro
View File

@@ -7,8 +7,13 @@ import Subsubheadline from './Subsubheadline.svelte';
<div class="grow mbe-5 sm:mbe-0">
<Subsubheadline>Stay up to date.</Subsubheadline>
<p>
<a href="/rss.xml" rel="nofollow noopener noreferrer external" target="_blank">
<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
</a>
</p>

4
src/components/Subnavigation.astro
View File

@@ -11,7 +11,7 @@ const currentPath = new URL(Astro.request.url).pathname;
<li>
<a
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'
}`}
>
@@ -21,7 +21,7 @@ const currentPath = new URL(Astro.request.url).pathname;
))
}
</ul>
<ul class="mie-12 md:mie-16">
<ul class="mie-10">
{
data.misc.map(({ title, url }) => (
<li>

2
src/components/Subsubheadline.svelte
View File

@@ -4,7 +4,7 @@
<svelte:element
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 || ''
}`}
>