Responsive: grid and padding adjustments

This commit is contained in:
Neo
2026-02-19 11:10:09 +00:00
parent 7ea4e022be
commit f752b7a11c

View File

@@ -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}