#152 - change layout

This commit is contained in:
Kamil Niemczycki 2022-07-05 16:10:21 +02:00
parent 31f771b8e4
commit 48bd4ab644
Signed by: kamilniemczycki
GPG Key ID: 04D4E2012F969213
2 changed files with 4 additions and 9 deletions

View File

@ -8,9 +8,6 @@
:approved-vacations="approvedVacations" :approved-vacations="approvedVacations"
:pending-vacations="pendingVacations" :pending-vacations="pendingVacations"
/> />
<VacationStats :stats="stats" />
</div>
<div class="grid grid-cols-1 gap-4">
<PendingVacationRequests <PendingVacationRequests
v-if="can.listAllVacationRequests" v-if="can.listAllVacationRequests"
:requests="vacationRequests.data" :requests="vacationRequests.data"
@ -19,6 +16,9 @@
v-else v-else
:requests="vacationRequests.data" :requests="vacationRequests.data"
/> />
</div>
<div class="grid grid-cols-1 gap-4">
<VacationStats :stats="stats" />
<AbsenceList <AbsenceList
v-if="years.current.year === years.selected.year && absences.data.length" v-if="years.current.year === years.selected.year && absences.data.length"
:absences="absences.data" :absences="absences.data"

View File

@ -1,8 +1,5 @@
<template> <template>
<section class="grid grid-cols-1 gap-4 md:grid-cols-2"> <section class="grid grid-cols-1 gap-4 md:grid-cols-1">
<div class="hidden p-4 bg-white shadow-md md:block">
<VacationChart :stats="stats" />
</div>
<div class="h-full"> <div class="h-full">
<div class="grid grid-cols-2 gap-4 h-full"> <div class="grid grid-cols-2 gap-4 h-full">
<div class="py-5 px-4 bg-white shadow-md sm:p-6"> <div class="py-5 px-4 bg-white shadow-md sm:p-6">
@ -77,8 +74,6 @@
</template> </template>
<script setup> <script setup>
import VacationChart from '@/Shared/VacationChart'
defineProps({ defineProps({
stats: Object, stats: Object,
}) })