From 7c2fa21b7855d3f54bce2020104b620e7d69b7d3 Mon Sep 17 00:00:00 2001
From: nurRiyad <asadnurriyad@appscode.com>
Date: Thu, 27 Jun 2024 17:42:20 +0600
Subject: [PATCH] Fix mobile responsive issue

Signed-off-by: nurRiyad <asadnurriyad@appscode.com>
---
 pages/blogs/[blog].vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/blogs/[blog].vue b/pages/blogs/[blog].vue
index e88dba5..3fa086f 100644
--- a/pages/blogs/[blog].vue
+++ b/pages/blogs/[blog].vue
@@ -111,15 +111,15 @@ defineOgImageComponent('Test', {
     </div>
     <BlogToc />
 
-    <div class="flex mt-10 flex-row gap-2">
+    <div class="flex flex-row  flex-wrap mt-10 gap-2">
       <SocialShare
         v-for="network in ['facebook', 'twitter', 'linkedin', 'email']"
         :key="network"
-        aria-label="Share with {network}"
         :network="network"
         :styled="true"
         :label="true"
         class="p-1"
+        aria-label="Share with {network}"
       />
     </div>
   </div>