Skip to content

Commit c708f72

Browse files
authored
fix(mobile): stack selected account card actions below identity (#35)
1 parent a9c5b01 commit c708f72

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

app/vibenet/demos/account/AccountDemo.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3098,7 +3098,7 @@ export function AccountDemo() {
30983098
onClick={() => setActiveAccountId(a.id)}
30993099
onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); setActiveAccountId(a.id); } }}
31003100
className={cn(
3101-
'flex w-full cursor-pointer items-center gap-3 rounded-xl border-[1.5px] p-4 text-left transition-colors',
3101+
'flex w-full cursor-pointer flex-col gap-3 rounded-xl border-[1.5px] p-4 text-left transition-colors sm:flex-row sm:items-center',
31023102
a.id === activeAccountId
31033103
? 'border-black dark:border-white'
31043104
: 'border-bds-gray-10 bg-white hover:border-black dark:border-white/10 dark:bg-white/5 dark:hover:border-white',
@@ -3112,7 +3112,7 @@ export function AccountDemo() {
31123112
className="min-w-0 flex-1"
31133113
/>
31143114
{a.id === activeAccountId && (
3115-
<div className="flex items-center gap-2">
3115+
<div className="flex shrink-0 items-center gap-2">
31163116
<Button
31173117
size="sm"
31183118
variant="outline"

0 commit comments

Comments
 (0)