Adapt guest pages to new theme

This commit is contained in:
Bruno
2024-08-05 13:17:39 +01:00
parent e1a3a55512
commit d16533e13d
6 changed files with 157 additions and 176 deletions
+1 -1
View File
@@ -13,7 +13,7 @@ class Register extends Component
{
$this->form->register();
$this->redirect(route('vaults', absolute: false), navigate: true);
$this->redirect(route('vaults.index', absolute: false), navigate: true);
}
public function render()
@@ -0,0 +1,11 @@
<main class="flex flex-col flex-grow gap-10 place-content-center bg-light-base-200 dark:bg-base-950 text-light-base-950 dark:text-base-50">
<div class="mx-auto">
<h1 class="text-3xl font-semibold">Many Notes</h1>
</div>
<div class="md:container md:mx-auto">
<div class="flex flex-col gap-6 p-6 rounded-lg sm:mx-auto sm:w-full sm:max-w-sm sm:p-10 bg-light-base-50 dark:bg-base-900">
{{ $slot }}
</div>
</div>
</main>
@@ -1,41 +1,33 @@
<div class="flex flex-grow">
<main class="flex flex-col gap-10 flex-grow place-content-center bg-[#F6F7F8] dark:bg-[#181C20]">
<div class="mx-auto">
<h1 class="text-3xl font-semibold">Many Notes</h1>
<x-layouts.guestMain>
<div class="text-center">
<x-form.sessionStatus :status="session('status')" />
</div>
<div class="md:container md:mx-auto">
<div class="flex flex-col gap-6 sm:mx-auto sm:w-full sm:max-w-sm p-6 sm:p-9 bg-[#FCFFFC] dark:bg-[#14171B] rounded-lg">
<div class="text-center">
<x-form.session-status :status="session('status')" />
</div>
<div class="text-center">
<x-form.text>
{{ __('Can\'t sign in? Enter your email and we\'ll send you a link to reset your password.') }}
</x-form.text>
</div>
<x-form wire:submit="send" class="flex flex-col gap-6">
<x-form.input
name="form.email"
label="{{ __('Email') }}"
type="email"
required
autofocus
/>
<x-form.submit label="{{ __('Send') }}" target="send" />
</x-form>
<div class="text-center">
<x-form.text>
<x-form.link wire:navigate href="{{ route('login') }}">
{{ __('Back to Sign in') }}
</x-form.link>
</x-form.text>
</div>
</div>
<div class="text-center">
<x-form.text>
{{ __('Can\'t sign in? Enter your email and we\'ll send you a link to reset your password.') }}
</x-form.text>
</div>
</main>
<x-form wire:submit="send" class="flex flex-col gap-6">
<x-form.input
name="form.email"
label="{{ __('Email') }}"
type="email"
required
autofocus
/>
<x-form.submit label="{{ __('Send') }}" target="send" />
</x-form>
<div class="text-center">
<x-form.text>
<x-form.link wire:navigate href="{{ route('login') }}">
{{ __('Back to Sign in') }}
</x-form.link>
</x-form.text>
</div>
</x-layouts.guestMain>
</div>
+40 -46
View File
@@ -1,57 +1,51 @@
<div class="flex flex-grow">
<main class="flex flex-col gap-10 flex-grow place-content-center bg-[#F6F7F8] dark:bg-[#181C20]">
<div class="mx-auto">
<h1 class="text-3xl font-semibold">Many Notes</h1>
<x-layouts.guestMain>
<div class="text-center">
<x-form.sessionStatus :status="session('status')" />
</div>
<div class="md:container md:mx-auto">
<div class="flex flex-col gap-6 sm:mx-auto sm:w-full sm:max-w-sm p-6 sm:p-10 bg-[#FCFFFC] dark:bg-[#14171B] rounded-lg">
<div class="text-center">
<x-form.session-status :status="session('status')" />
</div>
<x-form wire:submit="send" class="flex flex-col gap-6">
<x-form.input
name="form.email"
label="{{ __('Email') }}"
type="email"
required
autofocus
/>
<x-form wire:submit="send" class="flex flex-col gap-6">
<x-form.input
name="form.email"
label="{{ __('Email') }}"
type="email"
required
autofocus
/>
<x-form.input
name="form.password"
label="{{ __('Password') }}"
type="password"
required
/>
<x-form.input
name="form.password"
label="{{ __('Password') }}"
type="password"
required
/>
<x-form.checkbox
name="form.remember"
label="{{ __('Remember me') }}"
/>
<x-form.checkbox
name="form.remember"
label="{{ __('Remember me') }}"
/>
<x-form.submit label="{{ __('Sign in') }}" target="send" />
</x-form>
<x-form.submit label="{{ __('Sign in') }}" target="send" />
</x-form>
<div class="flex flex-col gap-2 text-center">
@if (Route::has('forgot.password'))
<x-form.text>
<x-form.link wire:navigate href="{{ route('forgot.password') }}">
{{ __('Forgot your password?') }}
</x-form.link>
</x-form.text>
@endif
<div class="flex flex-col gap-2 text-center">
@if (Route::has('forgot.password'))
<x-form.link wire:navigate href="{{ route('forgot.password') }}">
{{ __('Forgot your password?') }}
</x-form.link>
@endif
@if (Route::has('register'))
<x-form.text>
{{ __('Don\'t have an account?') }}
@if (Route::has('register'))
<x-form.text>
{{ __('Don\'t have an account?') }}
<x-form.link wire:navigate href="{{ route('register') }}">
{{ __('Sign up') }}
</x-form.link>
</x-form.text>
@endif
</div>
</div>
<x-form.link wire:navigate href="{{ route('register') }}">
{{ __('Sign up') }}
</x-form.link>
</x-form.text>
@endif
</div>
</main>
</x-layouts.guestMain>
</div>
@@ -1,54 +1,46 @@
<div class="flex flex-grow">
<main class="flex flex-col gap-10 flex-grow place-content-center bg-[#F6F7F8] dark:bg-[#181C20]">
<div class="mx-auto">
<h1 class="text-3xl font-semibold">Many Notes</h1>
<x-layouts.guestMain>
<x-form wire:submit="send" class="flex flex-col gap-6">
<x-form.input
name="form.name"
label="{{ __('Name') }}"
type="text"
required
autofocus
/>
<x-form.input
name="form.email"
label="{{ __('Email') }}"
type="email"
required
/>
<x-form.input
name="form.password"
label="{{ __('Password') }}"
type="password"
required
/>
<x-form.input
name="form.password_confirmation"
label="{{ __('Confirm password') }}"
type="password"
required
/>
<x-form.submit label="{{ __('Register') }}" target="send" />
</x-form>
<div class="text-center">
<x-form.text>
{{ __('Already registered?') }}
<x-form.link wire:navigate href="{{ route('login') }}">
{{ __('Sign in') }}
</x-form.link>
</x-form.text>
</div>
<div class="md:container md:mx-auto">
<div class="flex flex-col gap-6 sm:mx-auto sm:w-full sm:max-w-sm p-6 sm:p-10 bg-[#FCFFFC] dark:bg-[#14171B] rounded-lg">
<x-form wire:submit="send" class="flex flex-col gap-6">
<x-form.input
name="form.name"
label="{{ __('Name') }}"
type="text"
required
autofocus
/>
<x-form.input
name="form.email"
label="{{ __('Email') }}"
type="email"
required
/>
<x-form.input
name="form.password"
label="{{ __('Password') }}"
type="password"
required
/>
<x-form.input
name="form.password_confirmation"
label="{{ __('Confirm password') }}"
type="password"
required
/>
<x-form.submit label="{{ __('Register') }}" target="send" />
</x-form>
<div class="text-center">
<x-form.text>
{{ __('Already registered?') }}
<x-form.link wire:navigate href="{{ route('login') }}">
{{ __('Sign in') }}
</x-form.link>
</x-form.text>
</div>
</div>
</div>
</main>
</x-layouts.guestMain>
</div>
@@ -1,45 +1,37 @@
<div class="flex flex-grow">
<main class="flex flex-col gap-10 flex-grow place-content-center bg-[#F6F7F8] dark:bg-[#181C20]">
<div class="mx-auto">
<h1 class="text-3xl font-semibold">Many Notes</h1>
<x-layouts.guestMain>
<x-form wire:submit="send" class="flex flex-col gap-6">
<x-form.input
name="form.email"
label="{{ __('Email') }}"
type="email"
required
/>
<x-form.input
name="form.password"
label="{{ __('New password') }}"
type="password"
required
autofocus
/>
<x-form.input
name="form.password_confirmation"
label="{{ __('Confirm password') }}"
type="password"
required
/>
<x-form.submit label="{{ __('Reset Password') }}" target="send" />
</x-form>
<div class="text-center">
<x-form.text>
<x-form.link wire:navigate href="{{ route('login') }}">
{{ __('Back to Sign in') }}
</x-form.link>
</x-form.text>
</div>
<div class="md:container md:mx-auto">
<div class="flex flex-col gap-6 sm:mx-auto sm:w-full sm:max-w-sm p-6 sm:p-9 bg-[#FCFFFC] dark:bg-[#14171B] rounded-lg">
<x-form wire:submit="send" class="flex flex-col gap-6">
<x-form.input
name="form.email"
label="{{ __('Email') }}"
type="email"
required
/>
<x-form.input
name="form.password"
label="{{ __('New password') }}"
type="password"
required
autofocus
/>
<x-form.input
name="form.password_confirmation"
label="{{ __('Confirm password') }}"
type="password"
required
/>
<x-form.submit label="{{ __('Reset Password') }}" target="send" />
</x-form>
<div class="text-center">
<x-form.text>
<x-form.link wire:navigate href="{{ route('login') }}">
{{ __('Back to Sign in') }}
</x-form.link>
</x-form.text>
</div>
</div>
</div>
</main>
</x-layouts.guestMain>
</div>