Skip to content
Snippets Groups Projects
Commit aa38cc29 authored by Juliette Kalflèche's avatar Juliette Kalflèche
Browse files

add flex

parent 055daeda
Branches
No related tags found
1 merge request!21front, genre etc
......@@ -10,5 +10,8 @@
},
"[javascript][vue]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint"
},
"[vue]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
<template>
<div class="home">
<div class="carousel">
<carousel :items-to-show="5.5" autoplay=1300>
<slide v-for="movie in movies" :key="movie.id" autoplay='True' transition="100" >
<carousel :items-to-show="5.5" autoplay="1300">
<slide
v-for="movie in movies"
:key="movie.id"
autoplay="True"
transition="100"
>
<img
:src="'https://image.tmdb.org/t/p/original/' + movie.poster_path"
withd="100"
......@@ -20,6 +25,7 @@
<div class="type">
<MovieType />
</div>
<div>
<li v-for="movie in movies" :key="movie.id">
<p class="movie-title">
{{ movie.title }}
......@@ -34,12 +40,13 @@
</li>
</div>
</div>
</div>
</template>
<script>
import axios from "axios";
import 'vue3-carousel/dist/carousel.css';
import { Carousel, Slide, Pagination, Navigation } from 'vue3-carousel';
import "vue3-carousel/dist/carousel.css";
import { Carousel, Slide, Pagination, Navigation } from "vue3-carousel";
import MovieType from "../components/MovieType.vue";
export default {
......@@ -81,7 +88,6 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.logo {
max-width: 100px;
}
......@@ -108,4 +114,7 @@ li {
display: flex;
align-self: center;
}
.corps {
display: flex;
}
</style>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment