diff options
| author | William Carroll <wpcarro@gmail.com> | 2020-10-11T09·24+0100 |
|---|---|---|
| committer | William Carroll <wpcarro@gmail.com> | 2020-10-11T09·24+0100 |
| commit | 05d52e403c00783297f855de5c7229580ffd25be (patch) | |
| tree | 96189fa1b885d45e3b06765af1730839ce58faf3 /scratch | |
| parent | 0a15ea736611b60a2e30001a03c85c9940584494 (diff) | |
Tweak styles
- Change header to blue - Change habit to gray when completed - Prefer app font for footer instead of monospaced font
Diffstat (limited to 'scratch')
| -rw-r--r-- | scratch/habit-screens/client/src/Habits.elm | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/scratch/habit-screens/client/src/Habits.elm b/scratch/habit-screens/client/src/Habits.elm index a24b6d772f11..a1432f8183b2 100644 --- a/scratch/habit-screens/client/src/Habits.elm +++ b/scratch/habit-screens/client/src/Habits.elm @@ -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" ] ] |