Release Note - v1.1.0

Novidades

• Melhoria na estilização dos campos de entrada com a técnica de "floating label" para uma melhor experiência de usuário.

Alterações

1. Estilo e Layout:

• Adicionada a classe .input-container para melhorar a disposição dos campos de entrada e labels.
• Atualizado o estilo das labels e inputs para implementar o efeito de flutuação quando o campo é focado.

2. Estrutura HTML:

• Atualizada a estrutura do formulário para incluir a classe .input-container ao redor dos campos de entrada e labels.
• Melhorado o posicionamento das labels para que se movam quando o campo é focado, melhorando a clareza e a usabilidade do formulário.

Detalhes das Alterações

CSS (assets/css/index.css):

• .input-container:
  • Adicionada para envolver inputs e labels, com margem inferior ajustada.
• Labels (label):
  • Estilizadas para flutuar sobre os campos de entrada quando em foco, com transições suaves e mudanças de cor.
• Inputs (input):
  • Ajustada a largura e o padding para uma melhor aparência e funcionalidade.
  • Estilo modificado para alinhamento com o design dos labels.

HTML (index.html):

• Estrutura do formulário agora inclui div com a classe .input-container ao redor dos campos de entrada e labels, permitindo o efeito de flutuação.

Notas

• As alterações visam melhorar a experiência do usuário com uma interface mais interativa e visualmente atraente.
• Testado em diferentes tamanhos de tela para garantir a responsividade.