parameters.vue 901 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <template>
  2. <div>
  3. <!-- Show the loading page -->
  4. <client-only placeholder-tag="client-only-placeholder" placeholder=" " />
  5. <v-app>
  6. <LayoutLoadingScreen />
  7. <LayoutHeader />
  8. <LayoutParametersMenu />
  9. <v-main class="main">
  10. <LayoutSubheader />
  11. <LayoutAlertBar class="mt-1" />
  12. <!-- Page will be rendered here-->
  13. <v-card class="parameters-page-card">
  14. <slot />
  15. </v-card>
  16. </v-main>
  17. <LazyLayoutAlertContainer />
  18. </v-app>
  19. </div>
  20. </template>
  21. <script setup lang="ts">
  22. import { useLayoutStore } from '~/stores/layout'
  23. const layoutStore = useLayoutStore()
  24. layoutStore.name = 'parameters'
  25. </script>
  26. <style scoped lang="scss">
  27. .parameters-page-card {
  28. background-color: rgb(var(--v-theme-neutral-very-soft));
  29. color: rgb(var(--v-theme-on-neutral-very-soft));
  30. margin: 3%;
  31. padding: 24px;
  32. }
  33. </style>