Style habit screen to accommodate footer
Add spacing to the bottom to make space for the footer.
This commit is contained in:
		
							parent
							
								
									2290aac2a8
								
							
						
					
					
						commit
						69b6bda01b
					
				
					 1 changed files with 3 additions and 3 deletions
				
			
		| 
						 | 
					@ -282,7 +282,7 @@ render { today, visibleDayOfWeek, completed, includeMorning, includeEvening } =
 | 
				
			||||||
            in
 | 
					            in
 | 
				
			||||||
            div
 | 
					            div
 | 
				
			||||||
                [ Utils.class
 | 
					                [ Utils.class
 | 
				
			||||||
                    [ Always "container mx-auto py-6 px-6"
 | 
					                    [ Always "max-w-xl mx-auto py-6 px-6"
 | 
				
			||||||
                    , When (todaysWeekday /= visibleWeekday) "pt-20"
 | 
					                    , When (todaysWeekday /= visibleWeekday) "pt-20"
 | 
				
			||||||
                    ]
 | 
					                    ]
 | 
				
			||||||
                ]
 | 
					                ]
 | 
				
			||||||
| 
						 | 
					@ -411,7 +411,7 @@ render { today, visibleDayOfWeek, completed, includeMorning, includeEvening } =
 | 
				
			||||||
 | 
					
 | 
				
			||||||
                  else
 | 
					                  else
 | 
				
			||||||
                    text ""
 | 
					                    text ""
 | 
				
			||||||
                , ul []
 | 
					                , ul [ class "pb-10" ]
 | 
				
			||||||
                    (habits
 | 
					                    (habits
 | 
				
			||||||
                        |> List.indexedMap
 | 
					                        |> List.indexedMap
 | 
				
			||||||
                            (\i { label, minutesDuration } ->
 | 
					                            (\i { label, minutesDuration } ->
 | 
				
			||||||
| 
						 | 
					@ -455,7 +455,7 @@ render { today, visibleDayOfWeek, completed, includeMorning, includeEvening } =
 | 
				
			||||||
                                    ]
 | 
					                                    ]
 | 
				
			||||||
                            )
 | 
					                            )
 | 
				
			||||||
                    )
 | 
					                    )
 | 
				
			||||||
                , footer [ class "text-sm text-center text-gray-500 fixed bottom-0 left-0 w-full py-4" ]
 | 
					                , footer [ class "bg-white 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 "This app is brought to you by William Carroll." ]
 | 
				
			||||||
                    , p [] [ text "Client: Elm; Server: n/a" ]
 | 
					                    , p [] [ text "Client: Elm; Server: n/a" ]
 | 
				
			||||||
                    ]
 | 
					                    ]
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue