+
+
- -
Commonly Asked Questions
- -
+
-
- -
If you ordered online, if we haven't started making your food yet, a refund is possible.
If you reserved a table, you can refund upto 1 hour before your time.
- -
+
+
@@ -29,46 +32,6 @@
+
+
+
+ Email....
++
Gottem
Contact From
+ \ No newline at end of file diff --git a/front/src/pages/PageIndex.svelte b/front/src/pages/PageIndex.svelte index 9e7d459..5fb7108 100644 --- a/front/src/pages/PageIndex.svelte +++ b/front/src/pages/PageIndex.svelte @@ -29,13 +29,14 @@Where to find us
-
+
-
diff --git a/front/src/pages/PageMenu.svelte b/front/src/pages/PageMenu.svelte
index 7acc82d..578f0f7 100644
--- a/front/src/pages/PageMenu.svelte
+++ b/front/src/pages/PageMenu.svelte
@@ -8,14 +8,13 @@
+
@@ -43,40 +44,17 @@
+
Some Title
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Perspiciatis dolore maiores, dolorem unde, illo vero dolores magnam omnis, explicabo vel eos voluptatem libero ullam ipsa molestias laboriosam voluptas nisi sunt.
Popular Today
About Us
+About Us
contactWant to know the story of the restaurant?
- Continue reading
-
-
+
+
- -
Filters
- -
+
-
- -
- @@ -39,10 +38,8 @@
- -
+
-
- -
- @@ -72,10 +69,8 @@
- -
+
- - -
- @@ -124,8 +119,7 @@
- - -
+
Main Menu
- 
diff --git a/front/src/pages/elements/NavigationBar.svelte b/front/src/pages/elements/NavigationBar.svelte
index 6077417..4ad9026 100644
--- a/front/src/pages/elements/NavigationBar.svelte
+++ b/front/src/pages/elements/NavigationBar.svelte
@@ -1,6 +1,7 @@
@@ -15,7 +16,7 @@
- TastyBites
+ - diff --git a/front/src/styles/_announcement_banner.scss b/front/src/styles/_announcement_banner.scss index 252d5c5..8db9ca1 100644 --- a/front/src/styles/_announcement_banner.scss +++ b/front/src/styles/_announcement_banner.scss @@ -1,20 +1,26 @@ .announcement-banner { - padding: $spacing-large; - - height: 400px; + position: relative; + border-radius: $border-radius-normal; background-color: $color-light; color: $color-on-light; - //border: 1px solid $color-dark; - border-radius: $border-radius-normal; - position: relative; + overflow: hidden; img{ - position: absolute; - top: 0; - left: 0; width: 100%; - height: auto; + max-height: 400%; + + display: block; + + object-fit: cover; } } + +@media only screen and (max-width: 670px) { + .announcement-banner { + margin: -$spacing-normal; + margin-bottom: 0; + border-radius: 0; + } +} \ No newline at end of file diff --git a/front/src/styles/_container.scss b/front/src/styles/_container.scss new file mode 100644 index 0000000..0985eeb --- /dev/null +++ b/front/src/styles/_container.scss @@ -0,0 +1,25 @@ +.container { + border-radius: $border-radius-normal; + background-image: url('/BackgroundTextureAlt.svg'); + background-repeat: no-repeat; + background-size: 200px 250px; + background-position: 5px -43px; + background-color: $color-light; + color: $color-on-light; + + .header { + padding: $spacing-normal; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + + h2 { + padding-bottom: 0; + } + } + + .section { + padding: $spacing-normal; + } +} \ No newline at end of file diff --git a/front/src/styles/_navigation_bar.scss b/front/src/styles/_navigation_bar.scss index 4df3a5e..31b458f 100644 --- a/front/src/styles/_navigation_bar.scss +++ b/front/src/styles/_navigation_bar.scss @@ -1,5 +1,5 @@ nav { - padding: $spacing-normal; + padding: $spacing-small; width: 100%; height: $sizing-navigation-height; @@ -51,6 +51,13 @@ nav { padding: 0 $spacing-normal; font-weight: $font-weight-black; font-size: $font-size-h1; + + > img { + height: calc($sizing-navigation-height - calc(2 * $spacing-small)); + + display: block; + } + } &.scrolled { diff --git a/front/src/styles/_reset.scss b/front/src/styles/_reset.scss index 5445e6b..ca0d33e 100644 --- a/front/src/styles/_reset.scss +++ b/front/src/styles/_reset.scss @@ -20,6 +20,10 @@ body { color: $color-on-background; } + +h1, h2, h3, h4, h5, h6 { + padding-bottom: $spacing-small; +} h1 { font-size: $font-size-h1; font-weight: $font-weight-bolder; @@ -53,6 +57,15 @@ small { font-weight: $font-weight-thin; } +hr { + height: 1px; + border: 0 transparent; + background-color: rgba($color-dark, 0.1); +} + +.spacer { + height: $spacing-large; +} main { margin-left: auto; diff --git a/front/src/styles/main.scss b/front/src/styles/main.scss index 026e9fb..1e7537f 100644 --- a/front/src/styles/main.scss +++ b/front/src/styles/main.scss @@ -4,4 +4,5 @@ @import "loading_bar"; @import "navigation_bar"; @import "announcement_banner"; +@import "container"; @import "menu_item"; diff --git a/front/src/testData.js b/front/src/testData.js index 1a49529..ea5ed23 100644 --- a/front/src/testData.js +++ b/front/src/testData.js @@ -36,7 +36,7 @@ export default Items = [ name: "GwaGwa", price: "Priceless", labels: ["nut"], - image: "/dab.jpg", + // image: "/dab.jpg", }, { name: "Hogermellon",