edit padding
This commit is contained in:
parent
26ca09f44e
commit
437130dcd2
@ -1,7 +1,7 @@
|
|||||||
<hr class="border-zinc-200 dark:border-zinc-700 transition-colors" />
|
<hr class="border-zinc-200 dark:border-zinc-700 transition-colors" />
|
||||||
|
|
||||||
<footer
|
<footer
|
||||||
class="p-8 text-center flex flex-wrap justify-center items-center gap-x-2 text-zinc-500 dark:text-zinc-500"
|
class="px-3 py-6 md:p-8 text-center flex flex-wrap justify-center items-center gap-x-2 text-zinc-500 dark:text-zinc-500"
|
||||||
>
|
>
|
||||||
<span>
|
<span>
|
||||||
Built with love by <a class="underline" href="https://mcndt.dev" alt="blog">mcndt</a>
|
Built with love by <a class="underline" href="https://mcndt.dev" alt="blog">mcndt</a>
|
||||||
|
@ -1,8 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { onMount } from 'svelte';
|
import { onMount } from 'svelte';
|
||||||
|
|
||||||
import FaBars from 'svelte-icons/fa/FaBars.svelte';
|
|
||||||
import { slide } from 'svelte/transition';
|
import { slide } from 'svelte/transition';
|
||||||
|
import FaBars from 'svelte-icons/fa/FaBars.svelte';
|
||||||
|
|
||||||
export let showMobileMenu = false;
|
export let showMobileMenu = false;
|
||||||
|
|
||||||
@ -59,7 +58,7 @@
|
|||||||
rounded-lg"
|
rounded-lg"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="bg-zinc-200 dark:bg-zinc-700 relative mt-2 mx-2 px-4 py-2 rounded-[20px] shadow-sm sm:shadow-lg"
|
class="bg-zinc-200 dark:bg-zinc-700 relative mt-2 mx-2 px-4 py-2 rounded-[20px] shadow-md sm:shadow-lg"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
on:click={() => (showMobileMenu = !showMobileMenu)}
|
on:click={() => (showMobileMenu = !showMobileMenu)}
|
||||||
|
@ -4,7 +4,8 @@
|
|||||||
|
|
||||||
<a
|
<a
|
||||||
{href}
|
{href}
|
||||||
class="text-center py-4 px-2 md:py-0 md:px-0 self-center w-full h-full text-zinc-600 dark:text-zinc-200 md:dark:text-zinc-300 border-b md:border-b-0 border-zinc-300 dark:border-zinc-500"
|
class="text-center py-3 px-2 md:py-0 md:px-0 self-center w-full h-full text-zinc-600
|
||||||
|
dark:text-zinc-200 md:dark:text-zinc-300 border-b md:border-b-0 border-zinc-300 dark:border-zinc-500"
|
||||||
>
|
>
|
||||||
<div class="h-full flex flex-col justify-center">
|
<div class="h-full flex flex-col justify-center">
|
||||||
<slot />
|
<slot />
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<title>About | {import.meta.env.VITE_BRANDING}</title>
|
<title>About | {import.meta.env.VITE_BRANDING}</title>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<div class="p-8 prose max-w-3xl dark:prose-invert">
|
<div class="md:py-8 prose max-w-3xl dark:prose-invert">
|
||||||
<h1>About</h1>
|
<h1>About</h1>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<title>Contact | {import.meta.env.VITE_BRANDING}</title>
|
<title>Contact | {import.meta.env.VITE_BRANDING}</title>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<div class="p-8 prose max-w-3xl dark:prose-invert">
|
<div class="md:py-8 prose max-w-3xl dark:prose-invert">
|
||||||
<h1>Contact</h1>
|
<h1>Contact</h1>
|
||||||
|
|
||||||
Hi! I'm
|
Hi! I'm
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<title>Get the plugin | {import.meta.env.VITE_BRANDING}</title>
|
<title>Get the plugin | {import.meta.env.VITE_BRANDING}</title>
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<div class="p-8 prose max-w-3xl dark:prose-invert">
|
<div class="md:py-8 prose max-w-3xl dark:prose-invert">
|
||||||
<h1>Installing the plugin</h1>
|
<h1>Installing the plugin</h1>
|
||||||
|
|
||||||
<p>Coming soon</p>
|
<p>Coming soon</p>
|
||||||
|
Loading…
Reference in New Issue
Block a user