aboutsummaryrefslogtreecommitdiff
path: root/src/server/Design/LoggedIn
diff options
context:
space:
mode:
Diffstat (limited to 'src/server/Design/LoggedIn')
-rw-r--r--src/server/Design/LoggedIn/Home/Add.hs3
-rw-r--r--src/server/Design/LoggedIn/Income.hs18
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)