mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-05-30 07:13:12 +00:00
Move styles to SCSS file
Rename components Add Loader
This commit is contained in:
parent
12a33388f6
commit
4e6b2799f6
15 changed files with 282 additions and 84 deletions
26
front/src/pages/components/MenuList.svelte
Normal file
26
front/src/pages/components/MenuList.svelte
Normal 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>
|
Loading…
Add table
Add a link
Reference in a new issue