<template>
    <div class="monitorings-page">
        <SidebarTemplate>
            <div class="content-l">
                <h2>Kubooboo</h2>
                <NuxtLink class="resources" to="/account/monitorings/nodes">Nodes</NuxtLink>
            </div>
        </SidebarTemplate>
        <NuxtPage></NuxtPage>
    </div>
</template>

<script setup lang="ts">
import SidebarTemplate from '~/components/SidebarTemplate.vue';
</script>

<style scoped>
.monitorings-page {
    display: grid;
    grid-template-columns: auto 1fr;
}
.monitorings-page > * {
    padding: 1rem;
}
</style>