From aa662810a98e0cfe7ea98cadb87a55c8571f10db Mon Sep 17 00:00:00 2001 From: Joris Date: Sat, 25 Feb 2017 22:48:01 +0100 Subject: Align vertically the cover in book detail --- .../scala/reading/component/index/style/BookDetail.scala | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) (limited to 'src/main/scala/reading/component/index/style') diff --git a/src/main/scala/reading/component/index/style/BookDetail.scala b/src/main/scala/reading/component/index/style/BookDetail.scala index 2488a8f..2ce0632 100644 --- a/src/main/scala/reading/component/index/style/BookDetail.scala +++ b/src/main/scala/reading/component/index/style/BookDetail.scala @@ -8,21 +8,25 @@ import reading.Media object BookDetail extends StyleSheet.Inline { import dsl._ - val detail = style( + val detailParent = style( position.fixed, - height(100.%%), top(0.px), right(0.px), padding(30.px, 30.px, 0.px, 30.px), + height(100.%%), overflowY.scroll, - display.flex, - flexWrap.wrap, - justifyContent.spaceAround, Media.desktop(width :=! "calc(100% - 280px)"), Media.mobile(width(100.%%)), opacity(0) ) + val detail = style( + display.flex, + flexWrap.wrap, + justifyContent.spaceAround, + alignItems.center + ) + val cover = style( height(400.px), marginBottom(30.px) -- cgit v1.2.3