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>
<template #body="slotProps"> <template #body="slotProps">
<div class="flex justify-content-between flex-wrap"> <div class="flex flex-column sm:flex-row justify-content-between align-items-center flex-1 column-gap-4 mx-2 md:mx-4">
<div class="align-self-center">{{ slotProps.data.room }}</div> <p class="text-lg flex-1 align-self-stretch">{{ slotProps.data.room }}</p>
<Button <Button
:label="$t('freeRooms.viewOccupancy')" :label="$t('freeRooms.viewOccupancy')"
icon="pi pi-hourglass" 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)" @click="occupationRoute(slotProps.data.room)"
/> />
</div> </div>