Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Criar o componente Add Pet Page #229

Closed
DominMFD opened this issue May 18, 2024 · 2 comments · Fixed by #288
Closed

Criar o componente Add Pet Page #229

DominMFD opened this issue May 18, 2024 · 2 comments · Fixed by #288
Assignees

Comments

@DominMFD
Copy link
Contributor

DominMFD commented May 18, 2024

Describe the feature
Criar o componente que será responsável pela adição do Pet. Esse componente deve ser o pai de todos os componentes que compõem as etapas de adição de pet.

Description A página de adição de pet importa todas as etapas de adição de pet, adicionando o progress, o visual clue da etapa e o titulo da página.

Use Case

Quando o usuário clicar em adicionar pet essa página irá abrir e haverá um sliding entre cada etapa de adição de pet até a conclusão do formulário.


Implementation Details

Usar o componente de sliding que já existe no projeto
Usar o componente de Progress já existente no projeto

Lembre-se de atualizar o estado do progress bar e da etapa atual (texto 1/9) de acordo com a troca do slide.

Para essa página, deverá ser utilizado o margin negativo para sobrepor o padding da home, para que o componente de
progress, e o footer, de concluir, fique sobreposto em toda a tela

Não se esqueça de criar uma variável do valor do padding e de utilizá-la, para que seja utilizada também no margin
negativo e facilite a manutenção

image

image


Visual Concepts

Em vermelho é o conteúdo que o AddPetPage possuirá.
Em azul é o conteúdo importado de uma etapa do AddPetPage, esse conteúdo será trocado de acordo com a etapa que o usuário está do slider

image


Additional Information

Lembre-se de seguir o figma!

@Alecell
Copy link
Contributor

Alecell commented May 18, 2024

Obrigado por abrir a issue

Verifique os nossos guidelines:

@juliaam
Copy link
Contributor

juliaam commented Jul 18, 2024

Eu quero!!!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Closed
Development

Successfully merging a pull request may close this issue.

3 participants