Fix width of main app

This commit is contained in:
Michael Fatemi 2021-07-08 16:16:39 -04:00
parent b2323c3e95
commit b74bb4a8d5
2 changed files with 3 additions and 3 deletions

View File

@ -42,7 +42,7 @@ const style: CSSProperties = {
flexDirection: 'column', flexDirection: 'column',
alignItems: 'center', alignItems: 'center',
width: '30rem', width: '30rem',
maxWidth: '30rem', maxWidth: '100%',
marginLeft: 'auto', marginLeft: 'auto',
marginRight: 'auto', marginRight: 'auto',
}; };
@ -61,7 +61,7 @@ export default function App() {
const user = useMe(); const user = useMe();
const notifications = useNotifications(); const notifications = useNotifications();
return ( return (
<div style={{ padding: '1rem' }}> <div style={{ padding: '1rem', maxWidth: '100vw' }}>
<div style={style}> <div style={style}>
{notifications.length > 0 ? ( {notifications.length > 0 ? (
<Notifications notifications={notifications} /> <Notifications notifications={notifications} />

View File

@ -1,7 +1,7 @@
import { CSSProperties, ReactNode } from 'react'; import { CSSProperties, ReactNode } from 'react';
const style: CSSProperties = { const style: CSSProperties = {
fontSize: '4rem', fontSize: '3rem',
marginTop: '0.25em', marginTop: '0.25em',
marginBottom: '0.25em', marginBottom: '0.25em',
}; };