Simplify layout

This commit is contained in:
Matthias 2023-05-29 08:51:40 +02:00
parent 6215969b25
commit 5a8993284d

View File

@ -1,25 +1,17 @@
<template>
<b-card no-body class="mb-2">
<template #header>
<b-row align-v="center" class="text-start">
<b-col>
<b-row align-v="center">
<b-col cols="auto">
<i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
</b-col>
<b-col
><b-button variant="link" @click="visible = !visible">
<h6 class="mb-0">{{ pairlist.name }}</h6>
</b-button></b-col
>
</b-row>
</b-col>
<b-col cols="auto">
<b-button size="sm" @click="emit('remove', index)">
<i-mdi-close />
<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>
</b-col>
</b-row>
</div>
<b-button size="sm" @click="emit('remove', index)">
<i-mdi-close />
</b-button>
</div>
</template>
<b-card-body :class="{ hidden: !visible }">
<b-collapse v-model="visible">