From 3bd59a5d607f311239e5ab280cddf4cf6fde0d27 Mon Sep 17 00:00:00 2001 From: El Yaagoubi Bilel <bilel.el-yaagoubi@student-cs.fr> Date: Thu, 9 Jun 2022 10:08:32 +0200 Subject: [PATCH] middly finished moviePage --- frontend/src/components/MoviePoster.vue | 2 +- frontend/src/views/MoviePage.vue | 8 ++++++-- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/frontend/src/components/MoviePoster.vue b/frontend/src/components/MoviePoster.vue index 402bfc9..1ff849e 100644 --- a/frontend/src/components/MoviePoster.vue +++ b/frontend/src/components/MoviePoster.vue @@ -23,6 +23,6 @@ export default { display: flex; margin-left: auto; margin-right: auto; - align-items: center; + justify-content: center; } </style> diff --git a/frontend/src/views/MoviePage.vue b/frontend/src/views/MoviePage.vue index d088ecc..6578036 100644 --- a/frontend/src/views/MoviePage.vue +++ b/frontend/src/views/MoviePage.vue @@ -1,6 +1,5 @@ <template> <div class="home"> - <h1>Bienvenue sur la page film</h1> <div class="parent"> <MoviePoster class="child" :posterPath="moviesInfos.poster_path" /> <MovieInfos @@ -65,10 +64,15 @@ export default { <style scoped> .home { height: 100%; + vertical-align: middle; + display: inline; } .parent { + vertical-align: middle; display: flex; - height: 80%; + height: 90%; + margin-top: 3%; + margin-bottom: 3%; } .child { width: 45%; -- GitLab