~repos /website
git clone https://pyrossh.dev/repos/website.git
木 Personal website of pyrossh. Built with astrojs, shiki, vite.
48bd65cd
—
pyrossh 1 year ago
fix footer
- src/app.html +2 -2
- src/lib/components/Footer.svelte +5 -5
- src/lib/components/Header.svelte +1 -1
- src/routes/+layout.svelte +3 -3
- src/routes/posts/+page.svelte +0 -1
src/app.html
CHANGED
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
%sveltekit.head%
|
|
17
17
|
</head>
|
|
18
18
|
|
|
19
|
-
<body data-sveltekit-preload-data="hover">
|
|
19
|
+
<body class="min-h-screen flex flex-col" data-sveltekit-preload-data="hover">
|
|
20
|
-
<div
|
|
20
|
+
<div class="contents">%sveltekit.body%</div>
|
|
21
21
|
</body>
|
|
22
22
|
|
|
23
23
|
</html>
|
src/lib/components/Footer.svelte
CHANGED
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
import SocialLinks from './SocialLinks.svelte';
|
|
4
4
|
</script>
|
|
5
5
|
|
|
6
|
-
<footer class="flex
|
|
6
|
+
<footer class="flex flex-row justify-center text-xl leading-6 bg-black">
|
|
7
7
|
<div class="flex flex-row flex-1 py-4 px-3 max-w-5xl">
|
|
8
8
|
<div class="flex-1">
|
|
9
9
|
<SocialLinks />
|
|
10
10
|
</div>
|
|
11
|
-
<div class="flex">
|
|
11
|
+
<div class="flex items-center justify-center mx-2">
|
|
12
|
-
<span class="text-base text-
|
|
12
|
+
<span class="text-base text-gray-200 hover:no-underline mr-2"> powered by </span>
|
|
13
|
-
<a
|
|
13
|
+
<a href="https://kit.svelte.dev" target="_blank" rel="noopener noreferrer">
|
|
14
|
-
<Icon icon="logos:svelte-
|
|
14
|
+
<Icon icon="logos:svelte-icon" height="36px" />
|
|
15
15
|
</a>
|
|
16
16
|
</div>
|
|
17
17
|
</div>
|
src/lib/components/Header.svelte
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<header>
|
|
2
|
-
<nav class="flex
|
|
2
|
+
<nav class="flex flex-1 flex-row justify-center bg-black font-mono text-lg">
|
|
3
3
|
<div class="flex flex-row flex-1 items-center p-3 max-w-5xl">
|
|
4
4
|
<a class="flex text-[#f1fa8c] pr-4 hover:no-underline ml-0 pl-0" href="/">
|
|
5
5
|
<span class="mr-1 font-logo font-bold">木</span> pyrossh
|
src/routes/+layout.svelte
CHANGED
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
</svelte:head>
|
|
20
20
|
<div class="leading-8 flex flex-1 flex-col text-base sm:leading-7 m-0">
|
|
21
21
|
<Header />
|
|
22
|
-
<main class="
|
|
22
|
+
<main class="flex flex-1 bg-white">
|
|
23
|
-
<div class="flex
|
|
23
|
+
<div class="flex flex-1 flex-row justify-center">
|
|
24
|
-
<div class="flex
|
|
24
|
+
<div class="flex flex-1 flex-row max-w-5xl mt-4 mb-20 p-4">
|
|
25
25
|
<!-- {@render children()} -->
|
|
26
26
|
<slot />
|
|
27
27
|
</div>
|
src/routes/posts/+page.svelte
CHANGED
|
@@ -23,5 +23,4 @@
|
|
|
23
23
|
</li>
|
|
24
24
|
{/each}
|
|
25
25
|
</ul>
|
|
26
|
-
<div class="h-[24rem]" />
|
|
27
26
|
</div>
|