wx44wx/ai-video-fullstack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(frontend): enhance button styling in AssistantPage

Browse Source 
Update button styles in AssistantPage to include minimum width and padding for better layout consistency across different screen sizes.
This commit is contained in:
Xin Wang
2026-08-06 23:19:00 +08:00
parent b51b768c29
commit 87b6392eea
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/pages/AssistantPage.tsx
View File

@@ -927,13 +927,16 @@ export function AssistantPage(props: AssistantPageProps) {
<div className="flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:flex-row"> <div className="flex w-full shrink-0 flex-col gap-2 sm:w-auto sm:flex-row">
<Button <Button
variant="outline" variant="outline"
className="w-full gap-2 border-hairline-strong text-foreground hover:bg-surface-strong sm:w-auto" className="w-full min-w-[7.5rem] gap-2 border-hairline-strong px-4 text-foreground hover:bg-surface-strong sm:w-auto"
onClick={() => router.push("/assistants/templates")} onClick={() => router.push("/assistants/templates")}
> >
<LayoutTemplate size={16} /> <LayoutTemplate size={16} />
模版库 模版库
</Button> </Button>
<Button className="w-full shrink-0 gap-2 sm:w-auto" onClick={startCreate}> <Button
className="w-full min-w-[7.5rem] shrink-0 gap-2 px-4 sm:w-auto"
onClick={startCreate}
>
<Plus size={16} /> <Plus size={16} />
创建助手 创建助手
</Button> </Button>