refactor: enhance layout and flexibility in GitHubConfigForm and GiteaConfigForm components

This commit is contained in:
Arunavo Ray
2025-06-17 14:05:10 +05:30
parent 3169af44cb
commit 23c7ff7349
3 changed files with 5 additions and 5 deletions

View File

@@ -598,7 +598,7 @@ export function ConfigTabs() {
{/* Content section - Grid layout */} {/* Content section - Grid layout */}
<div className="space-y-6"> <div className="space-y-6">
{/* GitHub & Gitea connections - Side by side */} {/* GitHub & Gitea connections - Side by side */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 md:grid-cols-2 gap-4 md:items-stretch">
<GitHubConfigForm <GitHubConfigForm
config={config.githubConfig} config={config.githubConfig}
setConfig={update => setConfig={update =>

View File

@@ -89,7 +89,7 @@ export function GitHubConfigForm({
}; };
return ( return (
<Card className="w-full self-start"> <Card className="w-full h-full flex flex-col">
<CardHeader className="flex flex-row items-center justify-between gap-4"> <CardHeader className="flex flex-row items-center justify-between gap-4">
<CardTitle className="text-lg font-semibold"> <CardTitle className="text-lg font-semibold">
GitHub Configuration GitHub Configuration
@@ -104,7 +104,7 @@ export function GitHubConfigForm({
</Button> </Button>
</CardHeader> </CardHeader>
<CardContent className="flex flex-col gap-y-6"> <CardContent className="flex flex-col gap-y-6 flex-1">
<div> <div>
<label <label
htmlFor="github-username" htmlFor="github-username"

View File

@@ -123,7 +123,7 @@ export function GiteaConfigForm({ config, setConfig, onAutoSave, isAutoSaving, g
}; };
return ( return (
<Card className="w-full self-start"> <Card className="w-full h-full flex flex-col">
<CardHeader className="flex flex-row items-center justify-between gap-4"> <CardHeader className="flex flex-row items-center justify-between gap-4">
<CardTitle className="text-lg font-semibold"> <CardTitle className="text-lg font-semibold">
Gitea Configuration Gitea Configuration
@@ -138,7 +138,7 @@ export function GiteaConfigForm({ config, setConfig, onAutoSave, isAutoSaving, g
</Button> </Button>
</CardHeader> </CardHeader>
<CardContent className="flex flex-col gap-y-6"> <CardContent className="flex flex-col gap-y-6 flex-1">
<div> <div>
<label <label
htmlFor="gitea-username" htmlFor="gitea-username"