zzstoatzz.io
+8
-12
frontend/src/lib/components/AddToMenu.svelte
+8
-12
frontend/src/lib/components/AddToMenu.svelte
···
754
left: 0;
755
right: 0;
756
bottom: 0;
757
-
z-index: 100;
758
background: rgba(0, 0, 0, 0.4);
759
}
760
761
.menu-dropdown {
···
764
bottom: auto;
765
left: 0;
766
right: 0;
767
min-width: 100%;
768
border-radius: 0 0 16px 16px;
769
padding-top: env(safe-area-inset-top, 0);
770
-
animation: slideDown 0.2s ease-out;
771
-
z-index: 101;
772
-
}
773
-
774
-
@keyframes slideDown {
775
-
from {
776
-
transform: translateY(-100%);
777
-
}
778
-
to {
779
-
transform: translateY(0);
780
-
}
781
}
782
783
.menu-item {
···
754
left: 0;
755
right: 0;
756
bottom: 0;
757
+
z-index: 199;
758
background: rgba(0, 0, 0, 0.4);
759
+
-webkit-transform: translateZ(0);
760
+
transform: translateZ(0);
761
}
762
763
.menu-dropdown {
···
766
bottom: auto;
767
left: 0;
768
right: 0;
769
+
width: 100%;
770
min-width: 100%;
771
+
max-width: 100vw;
772
border-radius: 0 0 16px 16px;
773
padding-top: env(safe-area-inset-top, 0);
774
+
z-index: 200;
775
+
-webkit-transform: translateZ(0);
776
+
transform: translateZ(0);
777
}
778
779
.menu-item {