feat(venus): add responsive

This commit is contained in:
tzhangchi
2022-09-01 15:55:15 +08:00
parent a02582cc90
commit f4e2bead89
+6 -1
View File
@@ -350,6 +350,7 @@ export const AFFiNEHeader = () => {
const changeLanguage = (event: any) => { const changeLanguage = (event: any) => {
i18n.changeLanguage(event); i18n.changeLanguage(event);
}; };
const matchesIPAD = useMediaQuery('(max-width: 768px)');
return ( return (
<Grid <Grid
container container
@@ -408,7 +409,11 @@ export const AFFiNEHeader = () => {
> >
About Us About Us
</Button> </Button>
<Select defaultValue="en" onChange={changeLanguage}> <Select
defaultValue="en"
sx={{ display: matchesIPAD ? 'none' : 'intial' }}
onChange={changeLanguage}
>
{options.map(option => ( {options.map(option => (
<Option key={option.value} value={option.value}> <Option key={option.value} value={option.value}>
{option.text} {option.text}