From 7882ce2891d28f0a46462270ef324f974d97e0d3 Mon Sep 17 00:00:00 2001
From: Testtesttestestes <118276433+Testtesttestestes@users.noreply.github.com>
Date: Tue, 10 Mar 2026 15:53:23 +0400
Subject: [PATCH] Fix production control panel clipping for flask sliders

---
 .github/workflows/build-static-page.yml | 4 +++-
 src/App.tsx                             | 7 +++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/build-static-page.yml b/.github/workflows/build-static-page.yml
index 61993bb..31f721d 100644
--- a/.github/workflows/build-static-page.yml
+++ b/.github/workflows/build-static-page.yml
@@ -30,7 +30,7 @@ jobs:
       - name: Build app
         run: npm run build
 
-      - name: Verify gravity slider is present in bundle
+      - name: Verify control sliders are present in bundle
         shell: bash
         run: |
           shopt -s nullglob
@@ -40,6 +40,8 @@ jobs:
             exit 1
           fi
           grep -n "Gravity" "${files[@]}"
+          grep -n "Flask Width" "${files[@]}"
+          grep -n "Flask Height" "${files[@]}"
 
       - name: Prepare release artifact
         run: |
diff --git a/src/App.tsx b/src/App.tsx
index 75f11c8..f826fbd 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -31,8 +31,11 @@ export default function App() {
     </div>
 
     {/* 2. Слой интерфейса — только маленькая плашка внизу */}
-    <div className="absolute bottom-6 left-1/2 -translate-x-1/2 w-[90%] max-w-md z-10">
-      <div className="max-h-[calc(100vh-3rem)] overflow-y-auto bg-black/40 backdrop-blur-md p-5 rounded-3xl border border-white/10 shadow-2xl">
+    <div className="absolute inset-x-0 bottom-6 z-10 flex justify-center px-4 pointer-events-none">
+      <div
+        className="pointer-events-auto w-full max-w-md overflow-y-auto bg-black/40 backdrop-blur-md p-5 rounded-3xl border border-white/10 shadow-2xl"
+        style={{ maxHeight: 'calc(100dvh - 3rem)' }}
+      >
         
         {/* Заголовок и описание в одну строку для экономии места */}
         <div className="flex justify-between items-end mb-4">