ssa/configucci
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: maximize content width on large displays

Browse Source
This commit is contained in:
sokol
2026-02-20 16:26:08 +03:00
parent 8cc66ea9d6
commit d89ce6ebbd
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.tsx
View File

@@ -98,7 +98,7 @@ function App() {
return ( return (
<div className="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100"> <div className="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100">
<main className="container mx-auto px-4 py-6 max-w-7xl"> <main className="container mx-auto px-4 py-6 max-w-[1920px]">
{/* Header */} {/* Header */}
<div className="mb-6"> <div className="mb-6">
<FileChooser <FileChooser
@@ -113,8 +113,8 @@ function App() {
{envs.length > 0 ? ( {envs.length > 0 ? (
<div className="grid grid-cols-1 lg:grid-cols-12 gap-6"> <div className="grid grid-cols-1 lg:grid-cols-12 gap-6">
{/* Environment Panel */} {/* Environment Panel - Fixed 4/12 on all large screens */}
<section className="lg:col-span-4 xl:col-span-4"> <section className="lg:col-span-4 xl:col-span-4 2xl:col-span-3">
<div className="sticky top-6"> <div className="sticky top-6">
<Environment <Environment
envs={envs} envs={envs}
@@ -126,8 +126,8 @@ function App() {
</div> </div>
</section> </section>
{/* Content Panel */} {/* Content Panel - Maximum width (8/12 → 9/12 on 2xl) */}
<section className="lg:col-span-8 xl:col-span-8"> <section className="lg:col-span-8 xl:col-span-8 2xl:col-span-9">
<Content <Content
env={currentEnv} env={currentEnv}
config={config} config={config}