From f4e2bead89a88a1fd3525523c87e249f88259a95 Mon Sep 17 00:00:00 2001
From: tzhangchi <terry.zhangchi@outlook.com>
Date: Thu, 1 Sep 2022 15:55:15 +0800
Subject: [PATCH] feat(venus): add responsive

---
 apps/venus/src/app/Common.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/venus/src/app/Common.tsx b/apps/venus/src/app/Common.tsx
index 7adb206a56..87347f4fa1 100644
--- a/apps/venus/src/app/Common.tsx
+++ b/apps/venus/src/app/Common.tsx
@@ -350,6 +350,7 @@ export const AFFiNEHeader = () => {
     const changeLanguage = (event: any) => {
         i18n.changeLanguage(event);
     };
+    const matchesIPAD = useMediaQuery('(max-width: 768px)');
     return (
         <Grid
             container
@@ -408,7 +409,11 @@ export const AFFiNEHeader = () => {
                 >
                     About Us
                 </Button>
-                <Select defaultValue="en" onChange={changeLanguage}>
+                <Select
+                    defaultValue="en"
+                    sx={{ display: matchesIPAD ? 'none' : 'intial' }}
+                    onChange={changeLanguage}
+                >
                     {options.map(option => (
                         <Option key={option.value} value={option.value}>
                             {option.text}