fix: responsiveness of title buttons on mobile devices
This commit is contained in:
@@ -23,7 +23,7 @@
|
||||
|
||||
<Card style={cardStyle} class="h-full flex flex-col">
|
||||
<CardHeader class="flex-shrink-0">
|
||||
<div class="flex items-center justify-between gap-2">
|
||||
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-1 sm:gap-2">
|
||||
<CardTitle class="text-lg flex items-center gap-2 flex-1 min-w-0">
|
||||
<span class="truncate">{title}</span>
|
||||
</CardTitle>
|
||||
|
||||
@@ -46,13 +46,15 @@
|
||||
|
||||
<Card>
|
||||
<CardHeader>
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
|
||||
<div class="flex-1 min-w-0">
|
||||
<CardTitle>{title}</CardTitle>
|
||||
<CardDescription>{description}</CardDescription>
|
||||
</div>
|
||||
{#if headerAction}
|
||||
{@render headerAction()}
|
||||
<div class="flex-shrink-0">
|
||||
{@render headerAction()}
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{#if searchBar}
|
||||
|
||||
Reference in New Issue
Block a user