feat: simple working drop down menu

2025-02-11 16:30:53 +01:00
parent 94bee44cb6
commit 686fb3a5a4
3 changed files with 8 additions and 12 deletions
--- a/src/App.css
+++ b/src/App.css
@@ -130,21 +130,16 @@ button {
 }

 #control-panel {
-  display: grid;
+  display: none;
  overflow: hidden;
  margin: auto;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr);
+  transition: display 1s ease-out 0s;
 }

-.opened {
-  max-height: 100vw;
-  transition: max-height 1s ease-in;
-}
-
-.closed {
-  max-height: 0px;
-  transition: max-height 0.5s ease-out;
+#control-panel.opened {
+  display: grid;
 }

 .control {