Merge pull request 'feat' (#8) from feat into main

Reviewed-on: #8

src/App.tsx

@@ -98,7 +98,7 @@ function App() {
 
   return (
     <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 */}
         <div className="mb-6">
           <FileChooser
@@ -113,8 +113,8 @@ function App() {
 
         {envs.length > 0 ? (
           <div className="grid grid-cols-1 lg:grid-cols-12 gap-6">
-            {/* Environment Panel */}
+            {/* Environment Panel - 5/12 width */}
-            <section className="lg:col-span-5 xl:col-span-4">
+            <section className="lg:col-span-5 xl:col-span-5 2xl:col-span-5">
               <div className="sticky top-6">
                 <Environment
                   envs={envs}
@@ -126,8 +126,8 @@ function App() {
               </div>
             </section>
 
-            {/* Content Panel */}
+            {/* Content Panel - 7/12 width */}
-            <section className="lg:col-span-7 xl:col-span-8">
+            <section className="lg:col-span-7 xl:col-span-7 2xl:col-span-7">
               <Content
                 env={currentEnv}
                 config={config}

src/componets/env/EnvironmentParam.tsx

@@ -48,7 +48,7 @@ export function EnvironmentParam({ param, onChanged, isNew }: EnvironmentParamPr
   return (
     <div
       className={`
-        grid grid-cols-12 gap-2 p-2 rounded-lg transition-all duration-200
+        grid grid-cols-12 gap-1 p-1 rounded-lg transition-all duration-200
         ${isChangedClass}
         ${focusedClass ? 'bg-blue-50' : 'bg-white'}
         hover:bg-slate-50