feat: Enhance UI components with improved styles and responsiveness across various views
This commit is contained in:
@@ -10,7 +10,7 @@
|
||||
|
||||
<div class="space-y-4">
|
||||
@foreach (Auth::user()->sessions->filter(fn ($session) => !$session->impersonating()) as $session)
|
||||
<div class="flex flex-col sm:flex-row items-start sm:items-center justify-between py-4 border-b border-neutral-700 last:border-b-0">
|
||||
<div class="flex flex-col sm:flex-row items-start sm:items-center justify-between py-4 border-b border-neutral last:border-b-0">
|
||||
<div>
|
||||
<p class="text-lg font-semibold text-color-base mb-1">{{ $session->ip_address }}</p>
|
||||
<p class="text-sm text-color-muted">{{ $session->formatted_device }} - {{ $session->last_activity->diffForHumans() }}</p>
|
||||
@@ -65,7 +65,7 @@
|
||||
<x-modal :title="__('account.two_factor_authentication_enable')" open="true">
|
||||
<p class="text-color-base mb-4">{{ __('account.two_factor_authentication_enable_description') }}</p>
|
||||
<div class="flex flex-col items-center mt-4 mb-6">
|
||||
<img src="{{ $twoFactorData['image'] }}" alt="QR code" class="w-64 h-64 border border-neutral-700 rounded-lg p-2 bg-background-tertiary" />
|
||||
<img src="{{ $twoFactorData['image'] }}" alt="QR code" class="w-64 h-64 border border-neutral rounded-lg p-2 bg-background-tertiary" />
|
||||
<p class="text-color-muted mt-4 text-sm text-center font-mono break-all">
|
||||
{{ __('account.two_factor_authentication_secret') }}<br />
|
||||
<span class="text-color-base text-base font-bold">{{ $twoFactorData['secret'] }}</span>
|
||||
|
||||
Reference in New Issue
Block a user