mobile responsive.

krayin · Sep 30, 2024 · beeaf49 · beeaf49
1 parent fc64ce5
commit beeaf49
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 22 deletions.
diff --git a/packages/Webkul/Admin/src/Resources/views/components/attributes/edit/address.blade.php b/packages/Webkul/Admin/src/Resources/views/components/attributes/edit/address.blade.php
@@ -13,7 +13,7 @@
         type="text/x-template"
         id="v-address-component-template"
     >
-        <div class="flex gap-4">
+        <div class="flex flex-col gap-4 lg:flex-row">
             <div class="w-full">
                 <!-- Address (Textarea field) -->
                 <x-admin::form.control-group>

diff --git a/packages/Webkul/Admin/src/Resources/views/components/datagrid/toolbar/filter.blade.php b/packages/Webkul/Admin/src/Resources/views/components/datagrid/toolbar/filter.blade.php
@@ -1535,4 +1535,4 @@ class="cursor-pointer p-2 text-sm text-gray-600 hover:bg-gray-100 dark:text-gray
             }
         });
     </script>
-@endpushOnce
+@endpushOnce
diff --git a/packages/Webkul/Admin/src/Resources/views/leads/common/products.blade.php b/packages/Webkul/Admin/src/Resources/views/leads/common/products.blade.php
@@ -9,7 +9,7 @@
         type="text/x-template" 
         id="v-product-list-template"
     >
-        <div class="flex flex-col gap-4">
+        <div class="flex flex-col gap-4 overflow-x-scroll lg:overflow-hidden">
             {!! view_render_event('admin.leads.create.products.form_controls.table.before') !!}
 
             <!-- Table -->

diff --git a/packages/Webkul/Admin/src/Resources/views/leads/create.blade.php b/packages/Webkul/Admin/src/Resources/views/leads/create.blade.php
@@ -61,7 +61,7 @@ class="primary-button"
             type="text/x-template"
             id="v-lead-create-template"
         >
-            <div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900 max-xl:flex-wrap">
+            <div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
                 {!! view_render_event('admin.leads.edit.form_controls.before') !!}
                 
                 <div class="flex gap-2 border-b border-gray-200 dark:border-gray-800">
@@ -103,7 +103,7 @@ class="flex flex-col gap-4"
                             </p>
                         </div>
 
-                        <div class="w-1/2">
+                        <div class="lg:w-1/2">
                             {!! view_render_event('admin.leads.create.details.attributes.before') !!}
 
                             <!-- Lead Details Title and Description -->
@@ -179,7 +179,7 @@ class="flex flex-col gap-4"
                             </p>
                         </div>
 
-                        <div class="w-1/2">
+                        <div class="lg:w-1/2">
                             <!-- Contact Person Component -->
                             @include('admin::leads.common.contact')
                         </div>

diff --git a/packages/Webkul/Admin/src/Resources/views/leads/edit.blade.php b/packages/Webkul/Admin/src/Resources/views/leads/edit.blade.php
@@ -62,7 +62,7 @@ class="primary-button"
             type="text/x-template"
             id="v-lead-edit-template"
         >
-            <div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900 max-xl:flex-wrap">
+            <div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
                 <div class="flex gap-2 border-b border-gray-200 dark:border-gray-800">
                     <!-- Tabs -->
                     <template v-for="tab in tabs" :key="tab.id">
@@ -102,7 +102,7 @@ class="flex flex-col gap-4"
                             </p>
                         </div>
 
-                        <div class="flex w-1/2 flex-col max-sm:!w-full">
+                        <div class="flex flex-col max-sm:!w-full lg:w-1/2">
                             {!! view_render_event('admin.leads.edit.lead_details.attributes.before', ['lead' => $lead]) !!}
 
                             <!-- Lead Details Title and Description -->
@@ -181,7 +181,7 @@ class="flex flex-col gap-4"
                             </p>
                         </div>
 
-                        <div class="w-1/2">
+                        <div class="lg:w-1/2">
                             <!-- Contact Person Component -->
                             @include('admin::leads.common.contact')
                         </div>

diff --git a/packages/Webkul/Admin/src/Resources/views/quotes/create.blade.php b/packages/Webkul/Admin/src/Resources/views/quotes/create.blade.php
@@ -60,7 +60,7 @@ class="primary-button"
             type="text/x-template"
             id="v-quote-template"
         >
-            <div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900 max-xl:flex-wrap">
+            <div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
                 <div class="flex gap-2 border-b border-gray-200 dark:border-gray-800">                       
                     {!! view_render_event('admin.contacts.quotes.create.tabs.before') !!}
 
@@ -104,7 +104,7 @@ class="flex flex-col gap-4"
 
                         {!! view_render_event('admin.contacts.quotes.create.attribute.form_controls.before') !!}
 
-                        <div class="w-1/2">
+                        <div class="lg:w-1/2">
                             <x-admin::attributes
                                 :custom-attributes="app('Webkul\Attribute\Repositories\AttributeRepository')->findWhere([
                                     'entity_type' => 'quotes',
@@ -134,7 +134,7 @@ class="flex flex-col gap-4"
                                 ]"
                             />
                             
-                            <div class="flex gap-4">
+                            <div class="flex flex-col gap-4 lg:flex-row">
                                 <x-admin::attributes
                                     :custom-attributes="app('Webkul\Attribute\Repositories\AttributeRepository')->findWhere([
                                         'entity_type' => 'quotes',
@@ -151,7 +151,7 @@ class="flex flex-col gap-4"
                                 />
                             </div>
 
-                            <div class="flex gap-4">
+                            <div class="flex flex-col gap-4 lg:flex-row">
                                 <x-admin::attributes
                                     :custom-attributes="app('Webkul\Attribute\Repositories\AttributeRepository')->findWhere([
                                         'entity_type' => 'quotes',
@@ -206,7 +206,7 @@ class="flex flex-col gap-4"
                             <p class="text-sm text-gray-600 dark:text-white">@lang('admin::app.quotes.create.address-info-info')</p>
                         </div>
 
-                        <div class="w-1/2">
+                        <div class="lg:w-1/2">
                             {!! view_render_event('admin.contacts.quotes.create.address_information.attributes.before') !!}
 
                             <x-admin::attributes
@@ -253,7 +253,7 @@ class="flex flex-col gap-4"
             type="text/x-template"
             id="v-quote-item-list-template"
         >
-            <div>
+            <div class="overflow-x-scroll lg:overflow-hidden">
                 {!! view_render_event('admin.contacts.quotes.create.table.after') !!}
 
                 <!-- Table -->
@@ -320,7 +320,7 @@ class="!px-2 ltr:text-right rtl:text-left"
 
             <!-- Add New Qoute Item -->
             <span
-                class="self-start text-md cursor-pointer font-semibold text-brandColor hover:underline dark:text-brandColor"
+                class="text-md cursor-pointer self-start font-semibold text-brandColor hover:underline dark:text-brandColor"
                 @click="addProduct"
             >
                 @lang('admin::app.quotes.create.add-item')

diff --git a/packages/Webkul/Admin/src/Resources/views/quotes/edit.blade.php b/packages/Webkul/Admin/src/Resources/views/quotes/edit.blade.php
@@ -52,7 +52,7 @@ class="primary-button"
             type="text/x-template"
             id="v-quote-template"
         >
-            <div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900 max-xl:flex-wrap">
+            <div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
                 <div class="flex gap-2 border-b border-gray-200 dark:border-gray-800">                    
                     {!! view_render_event('admin.contacts.quotes.edit.tags.before', ['quote' => $quote]) !!}
 
@@ -92,7 +92,7 @@ class="flex flex-col gap-4"
                             <p class="text-sm text-gray-600 dark:text-white">@lang('admin::app.quotes.create.quote-info-info')</p>
                         </div>
 
-                        <div class="w-1/2">
+                        <div class="lg:w-1/2">
                             <x-admin::attributes
                                 :custom-attributes="app('Webkul\Attribute\Repositories\AttributeRepository')->findWhere([
                                     'entity_type' => 'quotes',
@@ -141,7 +141,7 @@ class="flex flex-col gap-4"
                                 />
                             </div>
 
-                            <div class="flex gap-4">
+                            <div class="flex flex-col gap-4 lg:flex-row">
                                 <x-admin::attributes
                                     :custom-attributes="app('Webkul\Attribute\Repositories\AttributeRepository')->findWhere([
                                         'entity_type' => 'quotes',
@@ -198,7 +198,7 @@ class="flex flex-col gap-4"
                             </p>
                         </div>
 
-                        <div class="w-1/2">
+                        <div class="lg:w-1/2">
                             <x-admin::attributes
                                 :custom-attributes="app('Webkul\Attribute\Repositories\AttributeRepository')->findWhere([
                                         'entity_type' => 'quotes',
@@ -243,7 +243,7 @@ class="flex flex-col gap-4"
             type="text/x-template"
             id="v-quote-item-list-template"
         >
-            <div>
+            <div class="overflow-x-scroll lg:overflow-hidden">
                 <!-- Table -->
                 <x-admin::table>
                     <!-- Table Head -->
@@ -306,7 +306,7 @@ class="!px-2 ltr:text-right rtl:text-left"
 
             <!-- Add New Qoute Item -->
             <span
-                class="self-start text-md cursor-pointer font-semibold text-brandColor hover:underline dark:text-brandColor"
+                class="text-md cursor-pointer self-start font-semibold text-brandColor hover:underline dark:text-brandColor"
                 @click="addProduct"
             >
                 @lang('admin::app.quotes.create.add-item')