yusur/vigil
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style changes

Browse source
This commit is contained in:
Yusur 2025-11-22 09:41:19 +01:00
parent 76b946d55c
commit 9fd5be2815
4 changed files with 18 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/lib/Feed.svelte
View file

@ -19,12 +19,11 @@
<style> <style>
ul { ul {
list-style: none; list-style: none;
padding: 0 1em; padding: 0;
} }
ul > li { ul > li {
margin-top: 3px; margin: 3px 0;
margin-bottom: 3px;
} }
p.big { p.big {

2
src/lib/MobileFooter.svelte
View file

@ -27,7 +27,7 @@ let me = $derived(getMe());
<style> <style>
footer { footer {
position: sticky; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;

6
src/lib/PostMeta.svelte
View file

@ -17,4 +17,10 @@ let { post } : {post: PostEntry }= $props();
<style> <style>
ul.post-meta > li { margin-inline-end: 9px; } ul.post-meta > li { margin-inline-end: 9px; }
@media (max-width:799px) {
ul.post-meta {
font-size: .8em;
}
}
</style> </style>

12
src/lib/SLayout.svelte
View file

@ -28,12 +28,12 @@ let mobiRightActive = $state(false);
grid-template-areas: grid-template-areas:
". title ." ". title ."
"left center right"; "left center right";
margin: 1em 2em; padding: 1em 2em;
position: relative; position: relative;
} }
.layout-left { grid-area: left; padding-right: 1em; } .layout-left { grid-area: left; padding-inline-end: 1em; }
.layout-right { grid-area: right; padding-left: 1em; } .layout-right { grid-area: right; padding-inline-start: 1em; }
.layout-content { grid-area: center; } .layout-content { grid-area: center; }
.layout-title { grid-area: title; text-align: center; font-size: 1.4em; } .layout-title { grid-area: title; text-align: center; font-size: 1.4em; }
@ -86,6 +86,8 @@ let mobiRightActive = $state(false);
"center center center"; "center center center";
grid-template-columns: 2em auto 2em; grid-template-columns: 2em auto 2em;
padding: 1em .5em;
} }
.layout-left, .layout-right { display: none; } .layout-left, .layout-right { display: none; }
@ -107,6 +109,10 @@ let mobiRightActive = $state(false);
right: 0; right: 0;
} }
.layout-content {
font-size: .9em;
}
} }