edit padding

This commit is contained in:
Maxime Cannoodt 2022-07-11 00:32:31 +02:00
parent 26ca09f44e
commit 437130dcd2
6 changed files with 8 additions and 8 deletions

View File

@ -1,7 +1,7 @@
<hr class="border-zinc-200 dark:border-zinc-700 transition-colors" />
<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>
Built with love by <a class="underline" href="https://mcndt.dev" alt="blog">mcndt</a>

View File

@ -1,8 +1,7 @@
<script lang="ts">
import { onMount } from 'svelte';
import FaBars from 'svelte-icons/fa/FaBars.svelte';
import { slide } from 'svelte/transition';
import FaBars from 'svelte-icons/fa/FaBars.svelte';
export let showMobileMenu = false;
@ -59,7 +58,7 @@
rounded-lg"
>
<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
on:click={() => (showMobileMenu = !showMobileMenu)}

View File

@ -4,7 +4,8 @@
<a
{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">
<slot />

View File

@ -2,7 +2,7 @@
<title>About | {import.meta.env.VITE_BRANDING}</title>
</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>
<p>

View File

@ -2,7 +2,7 @@
<title>Contact | {import.meta.env.VITE_BRANDING}</title>
</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>
Hi! I'm

View File

@ -2,7 +2,7 @@
<title>Get the plugin | {import.meta.env.VITE_BRANDING}</title>
</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>
<p>Coming soon</p>