создаю телегу товаров

app.config.ts

@@ -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',
-      },
-    },
-  },
-})

pages/product/[id].vue

@@ -1,14 +1,8 @@
 <template>
   <div ref="target" class="product">
-    <UDrawer
+    <ProductImages v-if="isMobile" />
-      v-if="isMobile"
-      v-model:open="open"
-      style="overflow-y: hidden"
-      class="product__drawer"
-    >
-      <ProductImages />
 
-      <div class="product-info">
+    <div v-if="isMobile" class="product-info">
       <div class="product-info__title">
         <ProductPrice :price="currentVariant?.options[0]?.price || 0" />
 
@@ -32,6 +26,16 @@
       </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>