mdebray/tvl-depot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweak styles

Browse source 
- Change header to blue
- Change habit to gray when completed
- Prefer app font for footer instead of monospaced font
This commit is contained in:
William Carroll 2020-10-11 10:24:11 +01:00
parent 0a15ea7366
commit 05d52e403c
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
scratch/habit-screens/client/src/Habits.elm
View file

@ -170,7 +170,7 @@ render { today, visibleDayOfWeek, completed } =
, onClick State.ViewPrevious
]
[ text "‹ previous" ]
, h1 [ class "font-bold text-gray-500 text-3xl text-center w-full" ]
, h1 [ class "font-bold text-blue-500 text-3xl text-center w-full" ]
[ text (weekdayName weekday) ]
, UI.button
[ class "w-1/4 text-gray-500"
@ -188,7 +188,10 @@ render { today, visibleDayOfWeek, completed } =
[ if today == visibleDayOfWeek then
UI.button
[ class "py-5 px-3"
, tailwind [ ( "line-through", Set.member i completed ) ]
, tailwind
[ ( "line-through", Set.member i completed )
, ( "text-gray-400", Set.member i completed )
]
, onClick (State.ToggleHabit i)
]
[ text x ]
@ -202,7 +205,7 @@ render { today, visibleDayOfWeek, completed } =
]
)
)
, footer [ class "font-mono text-sm text-center text-gray-500 fixed bottom-0 left-0 w-full py-4" ]
, footer [ class "text-sm text-center text-gray-500 fixed bottom-0 left-0 w-full py-4" ]
[ p [] [ text "This app is brought to you by William Carroll." ]
, p [] [ text "Client: Elm; Server: n/a" ]
]