fix mobile styling
This commit is contained in:
parent
35fe908884
commit
01c4c0ba2e
|
@ -23,7 +23,7 @@ export default function SelfService() {
|
||||||
const [newAliasDomain, setNewAliasDomain] = useState(ALIAS_DOMAINS[0]);
|
const [newAliasDomain, setNewAliasDomain] = useState(ALIAS_DOMAINS[0]);
|
||||||
const [allowAlias, setAllowAlias] = useState(false);
|
const [allowAlias, setAllowAlias] = useState(false);
|
||||||
const dimensions = useWindowDimensions();
|
const dimensions = useWindowDimensions();
|
||||||
const mobileUi = dimensions.width < 1500;
|
const mobileUi = dimensions.width < 1200;
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
fetchOwnAliases().then(setAliases);
|
fetchOwnAliases().then(setAliases);
|
||||||
|
|
|
@ -15,14 +15,14 @@ export default function NavigationWrapper({
|
||||||
return (
|
return (
|
||||||
<Flex direction='row' gap='4'>
|
<Flex direction='row' gap='4'>
|
||||||
<div><NavigationPanel /></div>
|
<div><NavigationPanel /></div>
|
||||||
<div className='w-full p-4'>{children}</div>
|
<div className='w-full p-0'>{children}</div>
|
||||||
</Flex>
|
</Flex>
|
||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
return (
|
return (
|
||||||
<Flex direction='column' gap='4'>
|
<Flex direction='column' gap='4'>
|
||||||
<div><NavigationPanel mobileUi /></div>
|
<div><NavigationPanel mobileUi /></div>
|
||||||
<div className='w-full p-4 pt-0'>{children}</div>
|
<div className='w-full p-0'>{children}</div>
|
||||||
</Flex>
|
</Flex>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in a new issue