49 free rooms table buttons layout

This commit is contained in:
survellow
2024-04-02 16:16:27 +02:00
parent 6f9054ecd8
commit 0cfd050963

View File

@ -129,12 +129,12 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
/>
</template>
<template #body="slotProps">
<div class="flex justify-content-between flex-wrap">
<div class="align-self-center">{{ slotProps.data.room }}</div>
<div class="flex flex-column sm:flex-row justify-content-between align-items-center flex-1 column-gap-4 mx-2 md:mx-4">
<p class="text-lg flex-1 align-self-stretch">{{ slotProps.data.room }}</p>
<Button
:label="$t('freeRooms.viewOccupancy')"
icon="pi pi-hourglass"
class="p-button-rounded p-button-outlined"
class="p-button-rounded p-button-outlined sm:align-self-center align-self-end"
@click="occupationRoute(slotProps.data.room)"
/>
</div>