Northbrook/TastyBites
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/TastyBites.git synced 2025-06-02 16:33:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make temporary content for pages

Browse source 
Switch to SCSS for styling
This commit is contained in:
Michał Gdula 2024-04-22 12:25:50 +01:00
parent b13a14ffb3
commit 12a33388f6
17 changed files with 186 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

26
front/src/pages/components/ItemList.svelte Normal file
View file

@ -0,0 +1,26 @@
<script>
import MenuItem from "%/pages/components/MenuItem.svelte";
export let items = [];
</script>
<ul>
{#each items as item}
<li><MenuItem name={item.name} price={item.price} id={item.name} /></li>
{/each}
</ul>
<style lang="scss">
ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 16px
}
li {
margin: 0;
}
</style>