feat: Enhance UI components with improved styles and responsiveness across various views

This commit is contained in:
2026-04-22 10:56:39 -04:00
parent 8baf7d6c7d
commit 71b031ca64
14 changed files with 108 additions and 103 deletions

View File

@@ -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>