From 9f9a8decfa158249d6890fa9bcfe2195fcb8495f Mon Sep 17 00:00:00 2001
From: AHdark <ahdark@outlook.com>
Date: Tue, 24 May 2022 11:05:18 +0800
Subject: [PATCH] Fix: Cards will not overlap and text will not be obscured
 when using medium screen size devices such as iPad (#112)

---
 src/component/Share/MyShare.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/component/Share/MyShare.js b/src/component/Share/MyShare.js
index 3bf37ea..5b0da66 100644
--- a/src/component/Share/MyShare.js
+++ b/src/component/Share/MyShare.js
@@ -287,7 +287,7 @@ class MyShareCompoment extends Component {
                         </FormControl>
                     </Grid>
                 </Grid>
-                <Grid container spacing={24} className={classes.gird}>
+                <Grid container spacing={2} className={classes.gird}>
                     {this.state.shareList.length === 0 && (
                         <Nothing primary={t("share.noRecords")} />
                     )}
@@ -295,7 +295,8 @@ class MyShareCompoment extends Component {
                         <Grid
                             item
                             xs={12}
-                            sm={4}
+                            sm={6}
+                            md={4}
                             key={value.id}
                             className={classes.cardContainer}
                         >