diff options
Diffstat (limited to 'src/server/Design/LoggedIn')
-rw-r--r-- | src/server/Design/LoggedIn/Home/Add.hs | 3 | ||||
-rw-r--r-- | src/server/Design/LoggedIn/Income.hs | 18 |
2 files changed, 19 insertions, 2 deletions
diff --git a/src/server/Design/LoggedIn/Home/Add.hs b/src/server/Design/LoggedIn/Home/Add.hs index f4e001f..6856af9 100644 --- a/src/server/Design/LoggedIn/Home/Add.hs +++ b/src/server/Design/LoggedIn/Home/Add.hs @@ -40,7 +40,8 @@ design = do defaultInput inputHeight borderRadius radius (px 0) (px 0) radius "width" -: "calc(100% - 40px)" - "input:focus + label" ? backgroundColor Color.silver + input # focus |+ label ? + backgroundColor Color.silver hover & do input ? borderColor Color.silver label ? backgroundColor Color.silver diff --git a/src/server/Design/LoggedIn/Income.hs b/src/server/Design/LoggedIn/Income.hs index 99626ba..bebd136 100644 --- a/src/server/Design/LoggedIn/Income.hs +++ b/src/server/Design/LoggedIn/Income.hs @@ -6,8 +6,24 @@ module Design.LoggedIn.Income import Clay +import qualified Design.Helper as Helper +import qualified Design.Constants as Constants +import qualified Design.Color as Color + design :: Css design = do + h1 ? paddingBottom (px 0) + form ? do - "margin-bottom" -: "3vh" + display flex + "alignItems" -: "center" + "margin-bottom" -: "4vh" + ".textInput" ? marginRight (px 30) + + button ? do + Helper.defaultButton Color.chestnutRose Color.white (px Constants.inputHeight) Constants.focusLighten + marginTop (px 3) + + ul # ".incomes" ? button ? + marginLeft (px 12) |