Container.vue 489 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <v-container class="container" :style="overflow ? 'overflow: hidden;' : ''">
  3. <v-row justify="center" align="center">
  4. <v-col cols="12" sm="12" md="12">
  5. <slot />
  6. </v-col>
  7. </v-row>
  8. </v-container>
  9. </template>
  10. <script setup>
  11. import { ref } from 'vue';
  12. const props = defineProps({
  13. overflow: {
  14. type: Boolean,
  15. default: true
  16. }
  17. });
  18. const overflow = ref(props.overflow);
  19. </script>
  20. <style scoped>
  21. .container {
  22. max-width: 1800px;
  23. }
  24. </style>