From 78327c4e48059fedfac98b37eb1c51b1b50e915f Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Mon, 19 Jun 2023 18:57:20 +0800
Subject: [PATCH] style: modify mobile display about group summary

---
 client/web/src/components/modals/GroupDetail/Summary.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/web/src/components/modals/GroupDetail/Summary.tsx b/client/web/src/components/modals/GroupDetail/Summary.tsx
index e874dc75..337364a0 100644
--- a/client/web/src/components/modals/GroupDetail/Summary.tsx
+++ b/client/web/src/components/modals/GroupDetail/Summary.tsx
@@ -45,8 +45,8 @@ export const GroupSummary: React.FC<{
     <div>
       <FullModalCommonTitle>{t('群组概述')}</FullModalCommonTitle>
 
-      <div className="flex">
-        <div className="w-1/3">
+      <div className="flex flex-wrap">
+        <div className="w-1/3 mobile:w-full mobile:text-center">
           <AvatarUploader
             className="text-4xl"
             circle={true}
@@ -56,7 +56,7 @@ export const GroupSummary: React.FC<{
           </AvatarUploader>
         </div>
 
-        <div className="w-2/3">
+        <div className="w-2/3 mobile:w-full">
           <FullModalField
             title={t('群组名称')}
             value={groupInfo.name}