Browse Source

Correção tela de login

Saas
Matheus.Maia 3 months ago
parent
commit
8510281261
  1. 16
      resources/views/auth/login.blade.php
  2. 2
      resources/views/components/input-label.blade.php
  3. 12
      resources/views/layouts/guest.blade.php

16
resources/views/auth/login.blade.php

@ -5,19 +5,19 @@
<form method="POST" action="{{ route('login') }}">
<div class="mb-5 mt-3 flex justify-center">
<x-application-logo-black />
<div class="mb-5 mt-3 flex justify-center" style="max-width: 60%; margin-left: 20%;">
<x-application-logo/>
</div>
@csrf
<div >
<div style="padding: 0 20px;">
<x-input-label for="email" :value="__('Email: ')" />
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" placeholder="Digite seu email" />
<x-text-input id="email" class="block mt-1 w-full" type="email" name="email" :value="old('email')" required autofocus autocomplete="username" placeholder="Digite seu email" style="background-color: #0f1134; border: none;"/>
<x-input-error :messages="$errors->get('email')" class="mt-2" />
</div>
<div class="mt-4">
<div class="mt-4" style="padding: 0 20px;">
<x-input-label for="password" :value="__('Senha: ')" />
<x-text-input id="password" class="block mt-1 w-full" type="password" name="password" placeholder="Digite sua senha: " required autocomplete="current-password" />
<x-text-input id="password" class="block mt-1 w-full" type="password" name="password" placeholder="Digite sua senha: " required autocomplete="current-password" style="background-color: #0f1134; border: none;"/>
<x-input-error :messages="$errors->get('password')" class="mt-2" />
</div>
@ -28,8 +28,8 @@
</label>
</div> --}}
<div class="flex flex-col items-center justify-end mt-4 ">
<button class="bg-loginButton text-white w-full py-2 px-1 rounded mb-6 mt-4 text-lg">Entrar</button>
<div class="flex flex-col items-center justify-end mt-4 " style="padding: 0 20px;">
<button class="bg-loginButton text-white w-full py-2 px-1 rounded mb-6 mt-4 text-lg" style="background-color: rgb(238 24 203)" >Entrar</button>
{{-- @if (Route::has('password.request'))
<a class="underline text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 dark:focus:ring-offset-gray-800 mt-4 mb-4" href="{{ route('password.request') }}">
Esqueceu sua Senha?

2
resources/views/components/input-label.blade.php

@ -1,5 +1,5 @@
@props(['value'])
<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-gray-700 dark:text-gray-300']) }}>
<label {{ $attributes->merge(['class' => 'block font-medium text-sm text-white']) }}>
{{ $value ?? $slot }}
</label>

12
resources/views/layouts/guest.blade.php

@ -17,8 +17,16 @@
</head>
<body class="font-sans text-gray-900 antialiased">
<div class="min-h-screen flex flex-col justify-center items-center pt-6 sm:pt-0 dark:bg-gray-900" style="background-image: linear-gradient(90deg,#006BFF 0%,#FF0071 100%); ">
<div class="w-full sm:max-w-md px-6 py-4 bg-white dark:bg-white shadow-md overflow-hidden sm:rounded-lg">
<div class="min-h-screen flex flex-col justify-center items-center pt-6 sm:pt-0 dark:bg-gray-900" style="background-image:
radial-gradient(at 84% 100%, hsla(262, 74%, 43%, 1) 0px, transparent 50%),
radial-gradient(at 89% 26%, hsla(247, 46%, 10%, 1) 0px, transparent 50%),
radial-gradient(at 22% 83%, hsla(302, 73%, 46%, 1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(237, 56%, 8%, 1) 0px, transparent 50%),
radial-gradient(at 40% 25%, hsla(262, 75%, 43%, 1) 0px, transparent 50%);
background-color: hsla(246, 45%, 10%, 1);
background-size: 200% 200%;">
<div class="w-full sm:max-w-md px-6 py-4 shadow-md overflow-hidden sm:rounded-lg" style="background-color: #02031b;">
{{ $slot }}
</div>
</div>

Loading…
Cancel
Save