Responsive: grid and padding adjustments
This commit is contained in:
@@ -77,7 +77,7 @@ export default function MissionControl() {
|
|||||||
<header style={{
|
<header style={{
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
zIndex: 10,
|
zIndex: 10,
|
||||||
padding: '30px 50px',
|
padding: '20px',
|
||||||
borderBottom: '1px solid rgba(255,255,255,0.08)',
|
borderBottom: '1px solid rgba(255,255,255,0.08)',
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
justifyContent: 'space-between',
|
justifyContent: 'space-between',
|
||||||
@@ -147,8 +147,8 @@ export default function MissionControl() {
|
|||||||
<main style={{
|
<main style={{
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
zIndex: 10,
|
zIndex: 10,
|
||||||
padding: '40px 50px',
|
padding: '20px',
|
||||||
maxWidth: '1600px',
|
maxWidth: '1200px',
|
||||||
margin: '0 auto'
|
margin: '0 auto'
|
||||||
}}>
|
}}>
|
||||||
{!mounted ? (
|
{!mounted ? (
|
||||||
@@ -197,7 +197,7 @@ function TasksBoard({ tasks }: { tasks: Task[] }) {
|
|||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: '20px' }}>
|
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fit, minmax(280px, 1fr))', gap: '20px' }}>
|
||||||
{columns.map((col, i) => (
|
{columns.map((col, i) => (
|
||||||
<div
|
<div
|
||||||
key={col.status}
|
key={col.status}
|
||||||
|
|||||||
Reference in New Issue
Block a user