diff --git a/index.html b/index.html index 6f4e395..ca32cad 100644 --- a/index.html +++ b/index.html @@ -715,8 +715,9 @@ .admin-panel-overlay { position: fixed; bottom: 0; - left: 0; right: 0; + width: 100%; + max-width: 500px; height: 50vh; background: rgba(30, 30, 30, 0.95); backdrop-filter: blur(10px); @@ -730,6 +731,19 @@ flex-direction: column; } + @media (max-width: 768px) { + .admin-panel-overlay { + max-width: 100%; + border-radius: 20px 20px 0 0; + } + } + + @media (min-width: 769px) { + .admin-panel-overlay { + border-radius: 20px 0 0 0; + } + } + .admin-panel-overlay.active { transform: translateY(0); } @@ -778,8 +792,9 @@ .edit-panel-overlay { position: fixed; bottom: 0; - left: 0; right: 0; + width: 100%; + max-width: 500px; height: 60vh; background: rgba(30, 30, 30, 0.95); backdrop-filter: blur(10px); @@ -793,6 +808,19 @@ flex-direction: column; } + @media (max-width: 768px) { + .edit-panel-overlay { + max-width: 100%; + border-radius: 20px 20px 0 0; + } + } + + @media (min-width: 769px) { + .edit-panel-overlay { + border-radius: 20px 0 0 0; + } + } + .edit-panel-overlay.active { transform: translateY(0); }