Container.vue 488 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <v-container class="container">
  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. position: relative;
  23. max-width: 100%;
  24. min-width: 300px;
  25. }
  26. </style>