site_logiciels/components/Layout/Container.vue

<template>
  <v-container class="container">
    <v-row justify="center" align="center">
      <v-col cols="12" sm="12" md="12">
        <slot />
      </v-col>
    </v-row>
  </v-container>
</template>

<script setup>
import { ref } from "vue";

const props = defineProps({
  overflow: {
    type: Boolean,
    default: true,
  },
});

const overflow = ref(props.overflow);
</script>

<style scoped>
.container {
  max-width: 100%;
  min-width: 300px; /* une largeur minimale pour gérer les très petits appareils */
}
</style>