aboutsummaryrefslogtreecommitdiff
path: root/server/src/Design
diff options
context:
space:
mode:
Diffstat (limited to 'server/src/Design')
-rw-r--r--server/src/Design/Global.hs14
-rw-r--r--server/src/Design/Helper.hs13
-rw-r--r--server/src/Design/View/SignIn.hs6
3 files changed, 11 insertions, 22 deletions
diff --git a/server/src/Design/Global.hs b/server/src/Design/Global.hs
index de8dd61..ba4ccb7 100644
--- a/server/src/Design/Global.hs
+++ b/server/src/Design/Global.hs
@@ -73,14 +73,20 @@ global = do
svg ? height (pct 100)
button ? do
- ".content" ? display flex
- svg # ".loader" ? display none
+ position relative
+
+ ".content" ? do
+ display flex
+
+ svg # ".loader" ? do
+ opacity 0
+ position absolute
".waiting" & do
".content" ? do
- display none
+ opacity 0
svg # ".loader" ? do
- display block
+ opacity 1
rotateKeyframes
rotateAnimation
diff --git a/server/src/Design/Helper.hs b/server/src/Design/Helper.hs
index 6980c71..e586d56 100644
--- a/server/src/Design/Helper.hs
+++ b/server/src/Design/Helper.hs
@@ -1,16 +1,14 @@
module Design.Helper
( clearFix
, button
- , input
, centeredWithMargin
, verticalCentering
) where
import Prelude hiding (span)
-import Clay hiding (button, input)
+import Clay hiding (button)
-import Design.Color as Color
import Design.Constants
clearFix :: Css
@@ -37,15 +35,6 @@ button backgroundCol textCol h focusOp = do
hover & backgroundColor (focusOp backgroundCol)
focus & backgroundColor (focusOp backgroundCol)
-input :: Double -> Css
-input h = do
- height (px h)
- padding (px 10) (px 10) (px 10) (px 10)
- borderRadius radius radius radius radius
- border solid (px 1) Color.dustyGray
- focus & borderColor Color.silver
- verticalAlign middle
-
centeredWithMargin :: Css
centeredWithMargin = do
width (pct blockPercentWidth)
diff --git a/server/src/Design/View/SignIn.hs b/server/src/Design/View/SignIn.hs
index 7f5f503..2138676 100644
--- a/server/src/Design/View/SignIn.hs
+++ b/server/src/Design/View/SignIn.hs
@@ -17,12 +17,6 @@ design = do
marginLeft auto
marginRight auto
- input ? do
- Helper.input inputHeight
- display block
- width (pct 100)
- marginBottom (px 10)
-
button # ".validate" ? do
Helper.button Color.gothic Color.white (px inputHeight) Constants.focusLighten
display flex