refactor: reorganize components into domain subfolders and replace relative imports
Move components from flat src/lib/components/ into recipes/, faith/, and cospend/ subdirectories. Replace ~144 relative imports across API routes and lib files with $models, $utils, $types, and $lib aliases. Add $types alias to svelte.config.js. Remove unused EditRecipe.svelte.
This commit is contained in:
34
src/lib/components/recipes/MediaScroller.svelte
Normal file
34
src/lib/components/recipes/MediaScroller.svelte
Normal file
@@ -0,0 +1,34 @@
|
||||
<script lang="ts">
|
||||
import type { Snippet } from 'svelte';
|
||||
import "$lib/css/nordtheme.css"
|
||||
let { title = '', children } = $props<{ title?: string, children?: Snippet }>();
|
||||
</script>
|
||||
<style>
|
||||
.media-scroller {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap:nowrap;
|
||||
overflow-x: auto;
|
||||
/*gap: 2rem;*/ /*messes up if js disabled as anchor tag is inserted twice...*/
|
||||
padding: 3rem;
|
||||
}
|
||||
.media_scroller_wrapper{
|
||||
background-color: var(--nord2);
|
||||
}
|
||||
h2{
|
||||
color: var(--nord6);
|
||||
padding-top: 2rem;
|
||||
margin: 1em 0em 0em 4rem;
|
||||
font-size: 3rem;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
<div class=media_scroller_wrapper>
|
||||
{#if title}
|
||||
<h2>{title}</h2>
|
||||
{/if}
|
||||
<div class="media-scroller snaps-inline">
|
||||
{@render children?.()}
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user