feat: update client select button style

This commit is contained in:
codytseng
2025-07-09 14:37:15 +08:00
parent ece003ca4f
commit 5d1427db31
7 changed files with 16 additions and 23 deletions

View File

@@ -159,15 +159,17 @@ export default function ClientSelect({
</div>
)
const trigger = (
<Button variant="outline" {...props}>
<ExternalLink /> {t('Open in another client')}
</Button>
)
if (isSmallScreen) {
return (
<div onClick={(e) => e.stopPropagation()}>
<Drawer open={open} onOpenChange={setOpen}>
<DrawerTrigger asChild>
<Button {...props}>
<ExternalLink /> {t('Open in another client')}
</Button>
</DrawerTrigger>
<DrawerTrigger asChild>{trigger}</DrawerTrigger>
<DrawerOverlay
onClick={(e) => {
e.stopPropagation()
@@ -183,11 +185,7 @@ export default function ClientSelect({
return (
<div onClick={(e) => e.stopPropagation()}>
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild>
<Button {...props}>
<ExternalLink /> {t('Open in another client')}
</Button>
</DialogTrigger>
<DialogTrigger asChild>{trigger}</DialogTrigger>
<DialogContent className="px-8" onOpenAutoFocus={(e) => e.preventDefault()}>
{content}
</DialogContent>