diff --git a/Menu.js b/Menu.js deleted file mode 100644 index 5dd8016..0000000 --- a/Menu.js +++ /dev/null @@ -1,22 +0,0 @@ -export function Menu() { - document.getElementById("menu"); - - // open/close the menu when the user clicks on the button - function toggleMenu() { - if (menu.classList.contains('hidden')) { - menu.classList.remove('hidden'); - } else { - menu.classList.add('hidden'); - } - } - - // close the menu when the user clicks outside of it - window.onclick = function (event) { - var dropdownWrapper = document.getElementById('dropdown-wrapper'); - if (!dropdownWrapper.contains(event.target) && !menu.classList.contains('hidden')) { - menu.classList.add('hidden'); - } - } -} - - diff --git a/index.html b/index.html index d48c227..d034639 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,7 @@ rel="stylesheet" /> +
-

Seasonal Food App

- +

Seasonal Food App

Seasonal Food App />
-

- Seasonal Food App -

-
-
+
@@ -142,7 +141,8 @@

The idea

contribute  on github + >on our + github

@@ -151,7 +151,9 @@

contact us:  - contact@fuzue.tech + + contact@fuzue.tech +

@@ -159,6 +161,5 @@

- diff --git a/main.js b/main.js deleted file mode 100644 index 4ac3ecf..0000000 --- a/main.js +++ /dev/null @@ -1,6 +0,0 @@ -import './style.css' -//import { setupCounter } from './counter.js' - - - -//setupCounter(document.querySelector('#counter')) diff --git a/style.css b/style.css index beb93f9..22fdc60 100644 --- a/style.css +++ b/style.css @@ -125,7 +125,7 @@ button:focus-visible { #overlay-button { position: absolute; right: 1em; - padding: 26px 11px; + padding: 30px 11px; z-index: 5; cursor: pointer; user-select: none; @@ -162,7 +162,7 @@ input[type=checkbox] { display: none; } input[type=checkbox]:checked ~ #overlay { - visibility: visible; + max-height: 100vh; } input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span { background: transparent; @@ -177,19 +177,19 @@ input[type=checkbox]:checked ~ #overlay-button span:after { #overlay { width: 100vw; background: #5a175d; - top: 0; - visibility: hidden; - position: fixed; + max-height: 0; + overflow: hidden; + transition: all ease-in-out .5s; + position: absolute; + margin-top: 64px; } #overlay.active { - visibility: visible; + max-height: 100vh; } #overlay ul { display: flex; justify-content: center; - align-items: center; flex-direction: column; - text-align: center; padding-left: 0; list-style-type: none; } @@ -204,15 +204,13 @@ input[type=checkbox]:checked ~ #overlay-button span:after { /* PHONE CSS */ .iphone-x { /* position: relative; */ - margin: -10px auto; - height: 100%; + height: 80%; aspect-ratio: calc(360/780); background-color: #7371ee; background-image: linear-gradient(60deg, #7371ee 1%, #a1d9d6 100%); border-radius: 40px; box-shadow: 0px 0px 0px 1vh #1f1f1f, 0px 0px 0px 1vh #191919, 0px 0px 0px max(1.5vh, 15px) #111; - z-index: 100; display: flex; flex-direction: column; align-items: center;