removed dark mod and applied fixes for text colors
This commit is contained in:
Naser Mansour
@@ -1,19 +0,0 @@
|
||||
<?php
|
||||
|
||||
use Livewire\Volt\Component;
|
||||
|
||||
new class extends Component {
|
||||
//
|
||||
}; ?>
|
||||
|
||||
<section class="w-full">
|
||||
@include('partials.settings-heading')
|
||||
|
||||
<x-settings.layout :heading="__('Appearance')" :subheading="__('Update the appearance settings for your account')">
|
||||
<flux:radio.group x-data variant="segmented" x-model="$flux.appearance">
|
||||
<flux:radio value="light" icon="sun">{{ __('Light') }}</flux:radio>
|
||||
<flux:radio value="dark" icon="moon">{{ __('Dark') }}</flux:radio>
|
||||
<flux:radio value="system" icon="computer-desktop">{{ __('System') }}</flux:radio>
|
||||
</flux:radio.group>
|
||||
</x-settings.layout>
|
||||
</section>
|
||||
@@ -113,7 +113,7 @@ new class extends Component {
|
||||
</flux:text>
|
||||
|
||||
@if (session('status') === 'verification-link-sent')
|
||||
<flux:text class="mt-2 font-medium !dark:text-green-400 !text-green-600">
|
||||
<flux:text class="mt-2 font-medium !text-green-600">
|
||||
{{ __('A new verification link has been sent to your email address.') }}
|
||||
</flux:text>
|
||||
@endif
|
||||
@@ -144,7 +144,7 @@ new class extends Component {
|
||||
|
||||
<div>
|
||||
<flux:heading size="lg">{{ __('Email Configuration') }}</flux:heading>
|
||||
<flux:text class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">
|
||||
<flux:text class="mt-1 text-sm text-zinc-500">
|
||||
{{ __('Verify your email configuration is working correctly.') }}
|
||||
</flux:text>
|
||||
|
||||
@@ -166,18 +166,18 @@ new class extends Component {
|
||||
|
||||
<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2">
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-600 dark:text-zinc-400">
|
||||
<flux:text class="text-sm font-medium text-zinc-600">
|
||||
{{ __('admin.sender_name') }}
|
||||
</flux:text>
|
||||
<flux:text class="mt-1 font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<flux:text class="mt-1 font-medium text-zinc-900">
|
||||
{{ config('mail.from.name') }}
|
||||
</flux:text>
|
||||
</div>
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-600 dark:text-zinc-400">
|
||||
<flux:text class="text-sm font-medium text-zinc-600">
|
||||
{{ __('admin.sender_email') }}
|
||||
</flux:text>
|
||||
<flux:text class="mt-1 font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<flux:text class="mt-1 font-medium text-zinc-900">
|
||||
{{ config('mail.from.address') }}
|
||||
</flux:text>
|
||||
</div>
|
||||
|
||||
@@ -239,21 +239,21 @@ new class extends Component {
|
||||
>
|
||||
<div class="space-y-6">
|
||||
<div class="flex flex-col items-center space-y-4">
|
||||
<div class="p-0.5 w-auto rounded-full border border-stone-100 dark:border-stone-600 bg-white dark:bg-stone-800 shadow-sm">
|
||||
<div class="p-2.5 rounded-full border border-stone-200 dark:border-stone-600 overflow-hidden bg-stone-100 dark:bg-stone-200 relative">
|
||||
<div class="flex items-stretch absolute inset-0 w-full h-full divide-x [&>div]:flex-1 divide-stone-200 dark:divide-stone-300 justify-around opacity-50">
|
||||
<div class="p-0.5 w-auto rounded-full border border-stone-100 bg-white shadow-sm">
|
||||
<div class="p-2.5 rounded-full border border-stone-200 overflow-hidden bg-stone-100 relative">
|
||||
<div class="flex items-stretch absolute inset-0 w-full h-full divide-x [&>div]:flex-1 divide-stone-200 justify-around opacity-50">
|
||||
@for ($i = 1; $i <= 5; $i++)
|
||||
<div></div>
|
||||
@endfor
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col items-stretch absolute w-full h-full divide-y [&>div]:flex-1 inset-0 divide-stone-200 dark:divide-stone-300 justify-around opacity-50">
|
||||
<div class="flex flex-col items-stretch absolute w-full h-full divide-y [&>div]:flex-1 inset-0 divide-stone-200 justify-around opacity-50">
|
||||
@for ($i = 1; $i <= 5; $i++)
|
||||
<div></div>
|
||||
@endfor
|
||||
</div>
|
||||
|
||||
<flux:icon.qr-code class="relative z-20 dark:text-accent-foreground"/>
|
||||
<flux:icon.qr-code class="relative z-20"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -301,9 +301,9 @@ new class extends Component {
|
||||
@enderror
|
||||
|
||||
<div class="flex justify-center">
|
||||
<div class="relative w-64 overflow-hidden border rounded-lg border-stone-200 dark:border-stone-700 aspect-square">
|
||||
<div class="relative w-64 overflow-hidden border rounded-lg border-stone-200 aspect-square">
|
||||
@empty($qrCodeSvg)
|
||||
<div class="absolute inset-0 flex items-center justify-center bg-white dark:bg-stone-700 animate-pulse">
|
||||
<div class="absolute inset-0 flex items-center justify-center bg-white animate-pulse">
|
||||
<flux:icon.loading/>
|
||||
</div>
|
||||
@else
|
||||
@@ -329,8 +329,8 @@ new class extends Component {
|
||||
|
||||
<div class="space-y-4">
|
||||
<div class="relative flex items-center justify-center w-full">
|
||||
<div class="absolute inset-0 w-full h-px top-1/2 bg-stone-200 dark:bg-stone-600"></div>
|
||||
<span class="relative px-2 text-sm bg-white dark:bg-stone-800 text-stone-600 dark:text-stone-400">
|
||||
<div class="absolute inset-0 w-full h-px top-1/2 bg-stone-200"></div>
|
||||
<span class="relative px-2 text-sm bg-white text-stone-600">
|
||||
{{ __('or, enter the code manually') }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -350,9 +350,9 @@ new class extends Component {
|
||||
}
|
||||
}"
|
||||
>
|
||||
<div class="flex items-stretch w-full border rounded-xl dark:border-stone-700">
|
||||
<div class="flex items-stretch w-full border rounded-xl">
|
||||
@empty($manualSetupKey)
|
||||
<div class="flex items-center justify-center w-full p-3 bg-stone-100 dark:bg-stone-700">
|
||||
<div class="flex items-center justify-center w-full p-3 bg-stone-100">
|
||||
<flux:icon.loading variant="mini"/>
|
||||
</div>
|
||||
@else
|
||||
@@ -360,12 +360,12 @@ new class extends Component {
|
||||
type="text"
|
||||
readonly
|
||||
value="{{ $manualSetupKey }}"
|
||||
class="w-full p-3 bg-transparent outline-none text-stone-900 dark:text-stone-100"
|
||||
class="w-full p-3 bg-transparent outline-none text-stone-900"
|
||||
/>
|
||||
|
||||
<button
|
||||
@click="copy()"
|
||||
class="px-3 transition-colors border-l cursor-pointer border-stone-200 dark:border-stone-600"
|
||||
class="px-3 transition-colors border-l cursor-pointer border-stone-200"
|
||||
>
|
||||
<flux:icon.document-duplicate x-show="!copied" variant="outline"></flux:icon>
|
||||
<flux:icon.check
|
||||
|
||||
@@ -46,7 +46,7 @@ new class extends Component {
|
||||
}; ?>
|
||||
|
||||
<div
|
||||
class="py-6 space-y-6 border shadow-sm rounded-xl border-zinc-200 dark:border-white/10"
|
||||
class="py-6 space-y-6 border shadow-sm rounded-xl border-zinc-200"
|
||||
wire:cloak
|
||||
x-data="{ showRecoveryCodes: false }"
|
||||
>
|
||||
@@ -112,7 +112,7 @@ new class extends Component {
|
||||
|
||||
@if (filled($recoveryCodes))
|
||||
<div
|
||||
class="grid gap-1 p-4 font-mono text-sm rounded-lg bg-zinc-100 dark:bg-white/5"
|
||||
class="grid gap-1 p-4 font-mono text-sm rounded-lg bg-zinc-100"
|
||||
role="list"
|
||||
aria-label="Recovery codes"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user