frontend/src/App.vue

<script setup>
import NavBar from '@/components/Navbar/NavBar.vue'
</script>

<template>
  <NavBar />

  <n-grid responsive="screen" item-responsive cols="24" :x-gap="16" :y-gap="16" class="shift">
    <n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />

    <n-gi span="xs:22 s:22 m:20 l:20 xl:18 xxl:18">
      <router-view />
    </n-gi>

    <n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
  </n-grid>
</template>

<style scoped>
.shift{
  padding-top: 10px;
}
</style>