Container.vue 550 B

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