BannerTop.vue 784 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <v-row justify="center" align="center" class="bannerTopForm">
  3. <v-col cols="3" class="ot_dark_grey ot_white--text">
  4. <slot name="bloc1"></slot>
  5. </v-col>
  6. <v-col cols="6" class="ot_white ot_grey--text">
  7. <slot name="bloc2"></slot>
  8. </v-col>
  9. <v-col cols="3" class="ot_light_grey ot_grey--text">
  10. <slot name="bloc3"></slot>
  11. </v-col>
  12. </v-row>
  13. </template>
  14. <script lang="ts">
  15. import {defineComponent} from '@nuxtjs/composition-api'
  16. export default defineComponent({
  17. setup() {
  18. return {
  19. }
  20. }
  21. })
  22. </script>
  23. <style scoped>
  24. .bannerTopForm{
  25. min-height: 100px;
  26. margin-top: 10px !important;
  27. margin-bottom: 10px !important;
  28. }
  29. .bannerTopForm > .col{
  30. min-height: 100px;
  31. padding: 10px;
  32. }
  33. </style>