mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-05-20 10:24:53 +00:00
Clean up file structure
Speed up compile times
This commit is contained in:
parent
8416549858
commit
109386bf51
15 changed files with 171 additions and 221 deletions
34
front/src/components/MenuList.svelte
Normal file
34
front/src/components/MenuList.svelte
Normal file
|
@ -0,0 +1,34 @@
|
|||
<script>
|
||||
import MenuItem from "%/components/MenuItem.svelte";
|
||||
|
||||
export let items = [];
|
||||
</script>
|
||||
|
||||
<ul>
|
||||
{#each items as item}
|
||||
<li>
|
||||
<MenuItem
|
||||
id={item.name}
|
||||
name={item.name}
|
||||
price={item.price}
|
||||
image={item.image}
|
||||
labels={item.labels}
|
||||
/>
|
||||
</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>
|
Loading…
Add table
Add a link
Reference in a new issue