From 05d52e403c00783297f855de5c7229580ffd25be Mon Sep 17 00:00:00 2001 From: William Carroll Date: Sun, 11 Oct 2020 10:24:11 +0100 Subject: [PATCH] Tweak styles - Change header to blue - Change habit to gray when completed - Prefer app font for footer instead of monospaced font --- scratch/habit-screens/client/src/Habits.elm | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/scratch/habit-screens/client/src/Habits.elm b/scratch/habit-screens/client/src/Habits.elm index a24b6d772..a1432f818 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" ] ]