improved card header styling

This commit is contained in:
Tako 2023-05-29 17:51:54 +00:00
parent 078878df3f
commit 80b8a73d0e

View File

@ -4,9 +4,14 @@
<div class="d-flex text-start align-items-center">
<div class="d-flex flex-grow-1 align-items-center">
<i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
<b-button variant="link" @click="visible = !visible">
<h6 class="mb-0">{{ pairlist.name }}</h6>
</b-button>
<div
role="button"
class="d-flex flex-grow-1 align-items-start flex-column"
@click="visible = !visible"
>
<span class="fw-bold fd-italic">{{ pairlist.name }}</span>
<span class="fw-lighter">{{ pairlist.description }}</span>
</div>
</div>
<b-button size="sm" @click="emit('remove', index)">
<i-mdi-close />