mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-06-03 17:03:13 +00:00
Add contact form
Fake API Make Index resize to mobile better Add error colour
This commit is contained in:
parent
8ab0957a85
commit
04adf38b46
11 changed files with 248 additions and 59 deletions
|
@ -2,9 +2,9 @@
|
|||
import { ArrowClockwise } from "phosphor-svelte";
|
||||
import MenuList from "%/pages/elements/MenuList.svelte";
|
||||
import DropDown from "%/components/DropDown.svelte";
|
||||
import Items from '%/testData.js';
|
||||
import { getMenuItems } from "%/lib/APIDEV.js";
|
||||
|
||||
let items = Items;
|
||||
let items = getMenuItems();
|
||||
</script>
|
||||
|
||||
<div class="menu">
|
||||
|
@ -138,16 +138,15 @@
|
|||
</div>
|
||||
|
||||
<div id="menu-list">
|
||||
<h2>Main Menu</h2>
|
||||
<MenuList items={items} />
|
||||
<div class="spacer"></div>
|
||||
|
||||
<h2>Pies</h2>
|
||||
<MenuList items={items} />
|
||||
<div class="spacer"></div>
|
||||
|
||||
<h2>Drinks</h2>
|
||||
<MenuList items={items} />
|
||||
{#each items as section}
|
||||
<h2>{section.name}</h2>
|
||||
{#if section.items.length > 0}
|
||||
<MenuList items={section.items} />
|
||||
{:else}
|
||||
<p>No results</p>
|
||||
{/if}
|
||||
<div class="spacer" />
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue