naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

removed dark mod and applied fixes for text colors

Browse Source
This commit is contained in:
Naser Mansour
2026-01-08 19:15:02 +02:00
parent ddbb224d07
commit dfee2ff5c8
64 changed files with 744 additions and 711 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/settings/two-factor.blade.php
+13 -13
View File
@@ -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