refactor(login): form spacing, consistent inputs

Replace focus: with focus-visible: on Microsoft sign-in button for consistent ring pattern; error message already uses text-destructive correctly.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Vadym Samoilenko 2026-05-13 11:19:08 +01:00
parent 0ac7d71e9b
commit ebd5616498

View file

@ -49,7 +49,7 @@ async function handleLogin() {
<button
type="button"
:disabled="authStore.loading"
class="w-full flex items-center justify-center gap-3 rounded-md border border-border bg-white px-4 py-2.5 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
class="w-full flex items-center justify-center gap-3 rounded-md border border-border bg-white px-4 py-2.5 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
@click="handleLogin"
>
<!-- Microsoft logo -->