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

Migrar Sign In a Tailwind #673

Open
wants to merge 6 commits into
base: migrate-to-tailwind
Choose a base branch
from

Conversation

nicolastemciuc
Copy link
Member

@nicolastemciuc nicolastemciuc commented Feb 25, 2025

Summary

Este PR migra el sign in para que use Tailwind en lugar de Material-UI basado en Tailwind components.

image image

nicolastemciuc and others added 5 commits February 25, 2025 16:50
The idea is to remove the other helper once we migrate the other views
Was raising this error in browser console:
```
Error connecting controller

TypeError: Cannot read properties of null (reading 'addEventListener')
  at Object.registerInteractionHandler (mdc.textfield.js:4414:29)
  at MDCRippleFoundation.registerRootHandlers
  (mdc.textfield.js:2680:45)
  at MDCRippleFoundation.init (mdc.textfield.js:2541:18)
  at MDCRipple.MDCComponent (mdc.textfield.js:365:42)
  at new MDCRipple (mdc.textfield.js:2081:51)
  at rippleFactory (mdc.textfield.js:3851:24)
  at MDCTextField.createRipple (mdc.textfield.js:4422:20)
  at MDCTextField.initialize (mdc.textfield.js:3932:45)
  at MDCTextField.MDCComponent (mdc.textfield.js:358:42)
  at new MDCTextField (mdc.textfield.js:3841:46)

{identifier: 'textfield', controller: t, element: div}
```
Copy link
Collaborator

@santiagorodriguez96 santiagorodriguez96 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Luce bien!

Dejo uno comentario para discutir acerca del diseño

<div class="sm:mx-auto sm:w-full sm:max-w-sm space-y-6">
<%= form_with(model: resource, url: session_path(resource_name), class: "space-y-6", local: true) do |f| %>
<div>
<%= f.label :email, "Correo electrónico", class: "text-sm/6 font-medium text-indigo-700" %>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Me queda un poco raro que el color de la fuente sea el violeta. Creo que me gustaba más en negro como estaba antes, al menos para los textos y eso

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Si.. tiene sentido, me lime un poco con el indigo 😆

En fe662d7 lo cambie un poco y el resultado es el siguiente:
image

Estos son los colores de Tailwind, utilicé el neutral (capaz es muy apagado) pero abierto a probar con otro, decime que opinas!

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Notable! Me gusta 👍

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

Successfully merging this pull request may close these issues.

2 participants