fix: two factor

This commit is contained in:
Andras Bacsai
2024-03-25 14:23:32 +01:00
parent c9160cabc5
commit 37333f7fbe
8 changed files with 18 additions and 138 deletions

View File

@@ -1,6 +1,5 @@
import { createApp } from "vue";
import MagicBar from "./components/MagicBar.vue";
import "../../vendor/wire-elements/modal/resources/js/modal";
const app = createApp({});
app.component("magic-bar", MagicBar);

View File

@@ -3,31 +3,25 @@
<div>
<div class="flex flex-col items-center pb-8">
<div class="text-5xl font-bold tracking-tight text-center dark:text-white">Coolify</div>
<x-version />
{{-- <x-version /> --}}
</div>
<div class="w-96" x-data="{ showRecovery: false }">
<div class="w-96">
<form action="/two-factor-challenge" method="POST" class="flex flex-col gap-2">
@csrf
<template x-if="!showRecovery">
<div>
<x-forms.input required type="number" name="code" label="{{ __('input.code') }}"
autofocus />
<div class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white"
x-on:click="showRecovery = !showRecovery">Use
Recovery Code
</div>
<div>
<x-forms.input autofocus type="number" name="code" label="{{ __('input.code') }}" autofocus />
{{-- <div class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white"
x-on:click="showRecovery = !showRecovery">Use
Recovery Code
</div> --}}
</div>
<div>
<x-forms.input name="recovery_code" label="{{ __('input.recovery_code') }}" />
<div class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white"
x-on:click="showRecovery = !showRecovery">Use
One-Time Code
</div>
</template>
<template x-if="showRecovery">
<div>
<x-forms.input required type="text" name="recovery_code"
label="{{ __('input.recovery_code') }}" />
<div class="pt-2 text-xs cursor-pointer hover:underline hover:dark:text-white"
x-on:click="showRecovery = !showRecovery">Use
One-Time Code
</div>
</div>
</template>
</div>
<x-forms.button type="submit">{{ __('auth.login') }}</x-forms.button>
</form>
@if ($errors->any())

View File

@@ -38,7 +38,6 @@
@section('body')
<body>
{{-- @livewire('wire-elements-modal') --}}
<x-toast />
<script data-navigate-once>
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia(

View File

@@ -1,7 +1,7 @@
@extends('layouts.base')
@section('body')
@parent
<main>
<main class="h-full bg-gray-50 dark:bg-base">
{{ $slot }}
</main>
@parent
@endsection