1 files changed, 25 insertions, 13 deletions
diff --git a/src/main/scala/reading/component/widget/style/Popup.scala b/src/main/scala/reading/component/widget/style/Popup.scala
index 422e3bd..ea67d9e 100644
--- a/src/main/scala/reading/component/widget/style/Popup.scala
+++ b/src/main/scala/reading/component/widget/style/Popup.scala
@@ -2,7 +2,8 @@ package reading.component.widget.style
 
 import scalacss.Defaults._
 
-import reading.component.style.Col
+import reading.Media
+import reading.component.style.{ Color => C }
 
 object Popup extends StyleSheet.Inline {
   import dsl._
@@ -21,22 +22,33 @@ object Popup extends StyleSheet.Inline {
   )
 
   val curtain = style(
-    width(100.%%),
-    height(100.%%),
-    position.absolute,
-    top(0.px),
-    left(0.px),
-    backgroundColor(Col.black),
-    opacity(0.5),
-    cursor.pointer
+    Media.desktop(
+      width(100.%%),
+      height(100.%%),
+      position.absolute,
+      top(0.px),
+      left(0.px),
+      backgroundColor(C.black.value),
+      opacity(0.5),
+      cursor.pointer
+    ),
+    Media.mobile(
+      display.none
+    )
   )
 
   val content = style(
     position.relative,
-    width(50.%%),
-    backgroundColor(Col.white),
-    padding(30.px),
-    borderRadius(5.px)
+    backgroundColor(C.white.value),
+    Media.desktop(
+      width(50.%%),
+      borderRadius(5.px)
+    ),
+    Media.mobile(
+      width(100.%%),
+      height(100.%%)
+    ),
+    padding(30.px)
   )
 
   val cross = style(