<script setup>
import AppLayout from '../../../../resources/js/layouts/AppLayout.vue'
import ShadowedBox from "../../../Views/Components/ShadowedBox.vue";
import {onMounted} from "vue";
import {toast} from "vue3-toastify";
</script>

<template>
    <AppLayout title='Dashboard'>
        <diV class="dashboard-widget-container">
            <shadowed-box class="dashboard-widget-box" style="width: 60%;">
                Meine Anmeldungen
            </shadowed-box>

            <shadowed-box  class="dashboard-widget-box">
                Meine Abrechnungen
            </shadowed-box>
        </diV>
    </AppLayout>
</template>

<style>
.dashboard-widget-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    position: relative;


}

.dashboard-widget-box {
    flex-grow: 1; display: inline-block;
    height: 150px;
    margin: 0 10px;
}
</style>
