From 123639f57313d53c3eeccb73c411f5df64bcc00d Mon Sep 17 00:00:00 2001
From: alsaze <veselov@alfabit.com>
Date: Wed, 8 Oct 2025 23:32:28 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=BE=D0=B7=D0=B4=D0=B0=D1=8E=20=D1=82?=
 =?UTF-8?q?=D0=B5=D0=BB=D0=B5=D0=B3=D1=83=20=D1=82=D0=BE=D0=B2=D0=B0=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
  app.config.ts         | 20 ---------------
 pages/product/[id].vue | 58 ++++++++++++++++++++++--------------------
 2 files changed, 31 insertions(+), 47 deletions(-)
 delete mode 100644  app.config.ts

diff --git a/ app.config.ts b/ app.config.ts
deleted file mode 100644
index 38c2327..0000000
--- a/ app.config.ts	
+++ /dev/null
@@ -1,20 +0,0 @@
-export default defineAppConfig({
-  ui: {
-    drawer: {
-      slots: {
-        overlay: 'fixed inset-0 bg-elevated/75',
-        content: 'fixed bg-default ring ring-default flex focus:outline-none',
-        handle: [
-          'shrink-0 !bg-accented',
-          'transition-opacity',
-        ],
-        container: 'w-full flex flex-col gap-4 p-4 overflow-hidden',
-        header: '',
-        title: 'text-highlighted font-semibold',
-        description: 'mt-1 text-muted text-sm',
-        body: 'flex-1 overflow-hidden',
-        footer: 'flex flex-col gap-1.5',
-      },
-    },
-  },
-})
diff --git a/pages/product/[id].vue b/pages/product/[id].vue
index 32a5081..429f518 100644
--- a/pages/product/[id].vue
+++ b/pages/product/[id].vue
@@ -1,37 +1,41 @@
 <template>
   <div ref="target" class="product">
-    <UDrawer
-      v-if="isMobile"
-      v-model:open="open"
-      style="overflow-y: hidden"
-      class="product__drawer"
-    >
-      <ProductImages />
+    <ProductImages v-if="isMobile" />
 
-      <div class="product-info">
-        <div class="product-info__title">
-          <ProductPrice :price="currentVariant?.options[0]?.price || 0" />
+    <div v-if="isMobile" class="product-info">
+      <div class="product-info__title">
+        <ProductPrice :price="currentVariant?.options[0]?.price || 0" />
 
-          <div>
-            фотомодель
-          </div>
-        </div>
-
-        <h1>
-          {{ productsData?.name }}
-        </h1>
-
-        <div class="mt20">
-          <UButton
-            icon="lucide:shopping-cart"
-            class="justify-content-center w-100 d-flex"
-            label="Добавить"
-            size="xl"
-            @click="open = !open"
-          />
+        <div>
+          фотомодель
         </div>
       </div>
 
+      <h1>
+        {{ productsData?.name }}
+      </h1>
+
+      <div class="mt20">
+        <UButton
+          icon="lucide:shopping-cart"
+          class="justify-content-center w-100 d-flex"
+          label="Добавить"
+          size="xl"
+          @click="open = !open"
+        />
+      </div>
+    </div>
+
+    <UDrawer
+      v-if="isMobile"
+      v-model:open="open"
+      class="product__drawer"
+      :ui="{
+        content: 'fixed bg-default ring ring-default flex focus:outline-none overflow-hidden',
+        container: 'w-full flex flex-col gap-4 p-4 overflow-hidden',
+        body: 'flex-1 overflow-y-auto',
+      }"
+    >
       <template #body>
         <ProductDescription />
       </template>