feat #8
10
src/App.tsx
10
src/App.tsx
@@ -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}
|
||||||
|
|||||||
Reference in New Issue
Block a user