diff options
Diffstat (limited to 'src/main/scala/reading/component/widget/style/Modal.scala')
-rw-r--r-- | src/main/scala/reading/component/widget/style/Modal.scala | 27 |
1 files changed, 16 insertions, 11 deletions
diff --git a/src/main/scala/reading/component/widget/style/Modal.scala b/src/main/scala/reading/component/widget/style/Modal.scala index ae37c4b..1872344 100644 --- a/src/main/scala/reading/component/widget/style/Modal.scala +++ b/src/main/scala/reading/component/widget/style/Modal.scala @@ -11,7 +11,6 @@ object Modal extends StyleSheet.Inline { val modal = style( display.flex, justifyContent.center, - alignItems.center, position.fixed, width(100.%%), height(100.%%), @@ -19,24 +18,30 @@ object Modal extends StyleSheet.Inline { right(0.px), bottom(0.px), left(0.px), - overflowY.scroll, - opacity(0) + opacity(0), + overflowY.scroll ) val curtain = style( - width(100.%%), - height(100.%%), - position.absolute, - top(0.px), - left(0.px), - backgroundColor(C.black.value), - opacity(0.7), - cursor.pointer + Media.desktop( + width(100.%%), + height(100.%%), + position.fixed, + top(0.px), + left(0.px), + backgroundColor(C.black.value), + opacity(0.7), + cursor.pointer + ), + Media.mobile( + display.none + ) ) val content = style( position.relative, backgroundColor(C.white.value), + margin.auto, Media.desktop( width(50.%%), borderRadius(5.px) |