diff options
author | Joris | 2017-02-25 22:48:01 +0100 |
---|---|---|
committer | Joris | 2017-02-25 22:48:05 +0100 |
commit | aa662810a98e0cfe7ea98cadb87a55c8571f10db (patch) | |
tree | 4d1f22045f3e8b7b8b89e39424711297e6fc7dd7 /src/main/scala/reading/component/index/style | |
parent | bbe5788cdcfbb26358566bfc74426ec38029cc73 (diff) | |
download | reading-aa662810a98e0cfe7ea98cadb87a55c8571f10db.tar.gz reading-aa662810a98e0cfe7ea98cadb87a55c8571f10db.tar.bz2 reading-aa662810a98e0cfe7ea98cadb87a55c8571f10db.zip |
Align vertically the cover in book detail
Diffstat (limited to 'src/main/scala/reading/component/index/style')
-rw-r--r-- | src/main/scala/reading/component/index/style/BookDetail.scala | 14 |
1 files changed, 9 insertions, 5 deletions
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) |