fix: 优化移动端页面体验

- repos 页面:标题和按钮移动端换行显示,响应式布局优化
- config 页面:移动端无边框,全屏宽度,按钮垂直堆叠
- gitea config 页面:同 config 页面优化
- BuildConfig、RepoCard、Dialog 等组件响应式优化
This commit is contained in:
xiongxiao
2026-03-13 05:39:26 +08:00
committed by cnb
parent a40cc2175e
commit 500ceb2e42
8 changed files with 120 additions and 118 deletions

View File

@@ -64,7 +64,7 @@ export function CreateRepoDialog({ open, onOpenChange }: CreateRepoDialogProps)
return (
<Dialog open={open} onOpenChange={onOpenChange}>
<DialogContent className="sm:max-w-150">
<DialogContent className="w-[90vw] max-w-lg sm:max-w-[525px]">
<DialogHeader>
<DialogTitle></DialogTitle>
<DialogDescription>
@@ -87,7 +87,7 @@ export function CreateRepoDialog({ open, onOpenChange }: CreateRepoDialogProps)
<Textarea
id="description"
placeholder="简短描述你的仓库..."
rows={3}
rows={2}
{...register('description')}
/>
</div>
@@ -110,16 +110,17 @@ export function CreateRepoDialog({ open, onOpenChange }: CreateRepoDialogProps)
/>
</div>
<DialogFooter>
<DialogFooter className="flex-col sm:flex-row gap-2 sm:gap-0">
<Button
type="button"
variant="outline"
onClick={() => onOpenChange(false)}
disabled={isSubmitting}
className="w-full sm:w-auto"
>
</Button>
<Button type="submit" disabled={isSubmitting}>
<Button type="submit" disabled={isSubmitting} className="w-full sm:w-auto">
{isSubmitting ? '创建中...' : '创建仓库'}
</Button>
</DialogFooter>