Compare commits
4 Commits
ead551ee6b
...
c8f45e4962
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c8f45e4962 | ||
|
|
d89ce6ebbd | ||
|
|
8cc66ea9d6 | ||
|
|
6e5a453c6f |
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 - 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">
|
<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 - 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
|
<Content
|
||||||
env={currentEnv}
|
env={currentEnv}
|
||||||
config={config}
|
config={config}
|
||||||
|
|||||||
6
src/componets/env/EnvironmentParam.tsx
vendored
6
src/componets/env/EnvironmentParam.tsx
vendored
@@ -48,7 +48,7 @@ export function EnvironmentParam({ param, onChanged, isNew }: EnvironmentParamPr
|
|||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={`
|
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}
|
${isChangedClass}
|
||||||
${focusedClass ? 'bg-blue-50' : 'bg-white'}
|
${focusedClass ? 'bg-blue-50' : 'bg-white'}
|
||||||
hover:bg-slate-50
|
hover:bg-slate-50
|
||||||
@@ -65,7 +65,7 @@ export function EnvironmentParam({ param, onChanged, isNew }: EnvironmentParamPr
|
|||||||
className="text-sm"
|
className="text-sm"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-span-7">
|
<div className="col-span-7">
|
||||||
<Input
|
<Input
|
||||||
value={localParam.value ?? ''}
|
value={localParam.value ?? ''}
|
||||||
@@ -77,7 +77,7 @@ export function EnvironmentParam({ param, onChanged, isNew }: EnvironmentParamPr
|
|||||||
className="text-sm"
|
className="text-sm"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-span-1 flex items-center justify-center">
|
<div className="col-span-1 flex items-center justify-center">
|
||||||
{isNew ? (
|
{isNew ? (
|
||||||
<Button
|
<Button
|
||||||
|
|||||||
Reference in New Issue
Block a user