frontend icon indicating copy to clipboard operation
frontend copied to clipboard

footer fix

Open Matheusroliv opened this issue 1 year ago • 6 comments

fix the footer at the end of the page

Before: antes antes-phone

After: depois depois-phone

Matheusroliv avatar May 09 '24 21:05 Matheusroliv

Levantaram a hipótese sobre fixar o footer nesta issue: #13

Até o momento não tinha sido definido como uma boa opção, pois no mobile acaba comprometendo boa parte da área útil da tela com a listagem dos abrigos

AndersonCRocha avatar May 10 '24 00:05 AndersonCRocha

Levantaram a hipótese sobre fixar o footer nesta issue: #13

Até o momento não tinha sido definido como uma boa opção, pois no mobile acaba comprometendo boa parte da área útil da tela com a listagem dos abrigos

Para mobile talvez de fato não faça sentido ser fixo e em outras discussões levantaram a opção de ter esses links no header.

lucianomlima avatar May 10 '24 01:05 lucianomlima

Provavelmente vai ficar por cima do conteúdo principal do site. Vi na sua evidência que a página não tinha resultados.

Quando a página tem bastante resultados aparece o botão de carregar mais, provavelmente esse footer com position fixed vai ficar por cima do botão.

Caso resolver subir, é bom certificar que o conteúdo no main tenha o margem-bottom necessário para não ficar com o final escondido pelo footer

Porém, se intenção for apenas não deixar o footer no meio da página, sugiro não deixar ele fixo. Adicionando a classe 'flex-1' na div certa já vai garantir que, caso o tenha pouco conteúdo na página, o footer não fique mais alto que o fim da página:

Atualmente Com a alteração sugerida
image image

Outra sugestão é deixar as informações no mobile mais abreviadas:

Atualmente Com a alteração sugerida
image image

Tiago-Sant avatar May 10 '24 04:05 Tiago-Sant

Feito!

Matheusroliv avatar May 11 '24 18:05 Matheusroliv

@Matheusroliv branch com conflito, precisa de back merge para prosseguir

diegohferraz avatar May 14 '24 13:05 diegohferraz

Acho que pode ser fechado visto que começaram a usar flex-1 no conteúdo do children e h-screen no pai... image

vanflux avatar May 14 '24 23:05 vanflux