mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-05-29 14:53:13 +00:00
Add Dropdowns
Rename folder from Components to Elements Clean up font sizing and weighting
This commit is contained in:
parent
1d4f6d5b70
commit
03aef063bc
19 changed files with 628 additions and 135 deletions
34
front/src/pages/elements/MenuList.svelte
Normal file
34
front/src/pages/elements/MenuList.svelte
Normal file
|
@ -0,0 +1,34 @@
|
|||
<script>
|
||||
import MenuItem from "%/pages/elements/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