fix mobile styling

This commit is contained in:
Lea 2024-01-18 07:57:31 +01:00
parent 35fe908884
commit 01c4c0ba2e
Signed by: Lea
GPG key ID: 1BAFFE8347019C42
2 changed files with 3 additions and 3 deletions

View file

@ -23,7 +23,7 @@ export default function SelfService() {
const [newAliasDomain, setNewAliasDomain] = useState(ALIAS_DOMAINS[0]);
const [allowAlias, setAllowAlias] = useState(false);
const dimensions = useWindowDimensions();
const mobileUi = dimensions.width < 1500;
const mobileUi = dimensions.width < 1200;
useEffect(() => {
fetchOwnAliases().then(setAliases);

View file

@ -15,14 +15,14 @@ export default function NavigationWrapper({
return (
<Flex direction='row' gap='4'>
<div><NavigationPanel /></div>
<div className='w-full p-4'>{children}</div>
<div className='w-full p-0'>{children}</div>
</Flex>
);
} else {
return (
<Flex direction='column' gap='4'>
<div><NavigationPanel mobileUi /></div>
<div className='w-full p-4 pt-0'>{children}</div>
<div className='w-full p-0'>{children}</div>
</Flex>
);
};