aandres/cineclub-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat [front]: arrange prettily cards

Browse source
This commit is contained in:
Alice 2022-07-25 00:52:05 +02:00
parent e7a6813bed
commit 38f4a92fa2
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
front/components/movieCard/short.vue
View file

@ -130,7 +130,6 @@ const headerTags = computed<{ label?: string; value: string }[]>(() =>
.movie-card .movie-card
.movie-card-header.button .movie-card-header.button
height: fit-content height: fit-content
width: 468px
.poster-container .poster-container
width: 152px width: 152px
footer.card-content footer.card-content

13
front/pages/index.vue
View file

@ -5,7 +5,13 @@
</section> </section>
<section v-if="nextFilms.length" class="section"> <section v-if="nextFilms.length" class="section">
<h2 class="title">Et après</h2> <h2 class="title">Et après</h2>
<swiper class="w-5/6 ml-auto relative" :loadtheme="false"> <swiper
class="w-5/6 ml-auto relative"
:loadtheme="false"
slides-per-view="auto"
:space-between="52"
center-insufficient-slides
>
<swiper-slide v-for="film of nextFilms" :key="film.id"> <swiper-slide v-for="film of nextFilms" :key="film.id">
<MovieCardShort :film="film" class="block" /> <MovieCardShort :film="film" class="block" />
</swiper-slide> </swiper-slide>
@ -23,3 +29,8 @@ films.value = (await apiGet<Film[]>(`films/`)).data.value
const firstFilm = computed(() => films.value[0]) const firstFilm = computed(() => films.value[0])
const nextFilms = computed(() => films.value.slice(1)) const nextFilms = computed(() => films.value.slice(1))
</script> </script>
<style lang="sass">
.swiper-slide
width: 468px
</style>