Improved mobile experience

mitydigital · Jun 14, 2023 · 3f9d97f · 3f9d97f
1 parent 5c12d39
commit 3f9d97f
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 6 deletions.
diff --git a/resources/css/support.css b/resources/css/support.css
@@ -6,6 +6,12 @@
     width:20%;
 }
 
+@media (max-width: 576px) {
+    #supportamic-widget .action {
+        width: 50%;
+    }
+}
+
 .supportamic-chat-trigger.disabled {
     opacity:25%;
     pointer-events: none;

diff --git a/resources/dist/build/assets/support-3367c6d6.css b/resources/dist/build/assets/support-3367c6d6.css
@@ -0,0 +1 @@
+#hubspot-conversations-iframe{outline:none}#supportamic-widget .action{width:20%}@media (max-width: 576px){#supportamic-widget .action{width:50%}}.supportamic-chat-trigger.disabled{opacity:25%;pointer-events:none}
diff --git a/resources/dist/build/assets/support-80840957.css b/resources/dist/build/assets/support-80840957.css
diff --git a/resources/dist/build/manifest.json b/resources/dist/build/manifest.json
@@ -1,6 +1,6 @@
 {
   "resources/css/support.css": {
-    "file": "assets/support-80840957.css",
+    "file": "assets/support-3367c6d6.css",
     "isEntry": true,
     "src": "resources/css/support.css"
   },

diff --git a/resources/views/widgets/supportamic.blade.php b/resources/views/widgets/supportamic.blade.php
@@ -39,13 +39,13 @@ class="btn-primary"
             <p>{{ __('supportamic::supportamic.widget.support.intro_3') }}</p>
         </div>
 
-        <div class="flex justify-center text-sm mb-4">
+        <div class="flex flex-wrap justify-center text-sm mb-4">
 
             @if ($actionChat)
             <div class="action">
                 <button class="supportamic-chat-trigger
                                disabled
-                               h-full flex flex-col text-center block p-4 rounded-md group hover:bg-gray-200"
+                               h-full w-full flex flex-col text-center block p-4 rounded-md group hover:bg-gray-200"
                         disabled
                         title="{{ __('supportamic::supportamic.widget.support.action_chat') }}">
                     <span class="mb-2 inline-block h-8 w-8 mx-auto text-gray-800">
@@ -59,7 +59,7 @@ class="btn-primary"
             @if ($actionEmail)
             <div class="action">
                 <a href="mailto:{{ $actionEmail }}"
-                   class="h-full flex flex-col text-center block p-4 rounded-md group hover:bg-gray-200"
+                   class="h-full w-full flex flex-col text-center block p-4 rounded-md group hover:bg-gray-200"
                    title="{{ __('supportamic::supportamic.widget.support.action_email') }}">
                     <span class="mb-2 inline-block h-8 w-8 mx-auto text-gray-800">
                         @supportamic_svg('email')
@@ -72,7 +72,7 @@ class="h-full flex flex-col text-center block p-4 rounded-md group hover:bg-gray
             @if ($actionWebsite)
             <div class="action">
                 <a href="{{ $actionWebsite }}"
-                   class="h-full flex flex-col text-center block p-4 rounded-md group hover:bg-gray-200"
+                   class="h-full w-full flex flex-col text-center block p-4 rounded-md group hover:bg-gray-200"
                    target="_blank"
                    title="{{ __('supportamic::supportamic.widget.support.action_website') }}">
                     <span class="mb-2 inline-block h-8 w-8 mx-auto text-gray-800">
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		#hubspot-conversations-iframe{outline:none}#supportamic-widget .action{width:20%}@media (max-width: 576px){#supportamic-widget .action{width:50%}}.supportamic-chat-trigger.disabled{opacity:25%;pointer-events:none}