refactor: improve layout and spacing in GitHubMirrorSettings component

This commit is contained in:
Arunavo Ray
2025-06-17 13:49:53 +05:30
parent c1d93dbbc6
commit 3169af44cb

View File

@@ -107,12 +107,12 @@ export function GitHubMirrorSettings({
Include private repositories Include private repositories
</Label> </Label>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
Mirror your private repositories (requires appropriate token permissions) Mirror your private repositories
</p> </p>
</div> </div>
</div> </div>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4"> <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div className="flex items-start space-x-3"> <div className="flex items-start space-x-3">
<Checkbox <Checkbox
id="starred-repos" id="starred-repos"
@@ -135,8 +135,10 @@ export function GitHubMirrorSettings({
{/* Lightweight starred repos option - inline to prevent layout shift */} {/* Lightweight starred repos option - inline to prevent layout shift */}
<div className={cn( <div className={cn(
"flex items-start space-x-3 transition-opacity duration-200", "flex items-start space-x-3 transition-all duration-200",
githubConfig.mirrorStarred ? "opacity-100" : "opacity-0 pointer-events-none" githubConfig.mirrorStarred
? "opacity-100 lg:pl-6 lg:border-l lg:border-border"
: "opacity-0 pointer-events-none"
)}> )}>
<Checkbox <Checkbox
id="skip-starred-metadata" id="skip-starred-metadata"