Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix weird shift in Cards due to double insertion of <a> tag on server

Browse Source
This commit is contained in:
Alexander Bocken 2024-01-22 15:09:08 +01:00
parent 1222fe7487
commit 9ddafaacca
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/lib/components/Card.svelte
View File

@ -25,6 +25,7 @@ onMount(() => {
border-radius: 20px; border-radius: 20px;
} }
.card{ .card{
margin-right: 2em; /* gap in MediaScroller does not work due to double insertion of a tag on server side */
--card-width: 300px; --card-width: 300px;
position: relative; position: relative;
flex-shrink: 0; flex-shrink: 0;

2
src/lib/components/MediaScroller.svelte
View File

@ -8,7 +8,7 @@ export let title
flex-direction: row; flex-direction: row;
flex-wrap:nowrap; flex-wrap:nowrap;
overflow-x: auto; overflow-x: auto;
gap: 2rem; /*gap: 2rem;*/ /*messes up if js disabled as anchor tag is inserted twice...*/
padding: 3rem; padding: 3rem;
} }
.media_scroller_wrapper{ .media_scroller_wrapper{