mirror of
https://github.com/myfatemi04/wheelshare-frontend.git
synced 2025-04-21 19:29:51 -04:00
Fix width of main app
This commit is contained in:
parent
b2323c3e95
commit
b74bb4a8d5
|
@ -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} />
|
||||||
|
|
|
@ -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',
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue
Block a user