sky121113
773396fc90
All checks were successful
star-cloud-deploy-demo / deploy-demo (push) Successful in 52s
47 lines
2.9 KiB
PHP
47 lines
2.9 KiB
PHP
<div class="space-y-6">
|
|
<div class="flex items-center gap-x-3 mb-6">
|
|
<div class="size-10 rounded-xl bg-cyan-500/10 flex items-center justify-center text-cyan-600 dark:text-cyan-400">
|
|
<svg class="size-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
|
</svg>
|
|
</div>
|
|
<h3 class="text-lg font-black text-slate-800 dark:text-white tracking-tight">{{ __('Login History') }}</h3>
|
|
</div>
|
|
|
|
<div class="flow-root">
|
|
<ul role="list" class="-mb-8">
|
|
@forelse($user->loginLogs as $log)
|
|
<li>
|
|
<div class="relative pb-8">
|
|
@if(!$loop->last)
|
|
<span class="absolute left-4 top-4 -ml-px h-full w-0.5 bg-slate-100 dark:bg-slate-800" aria-hidden="true"></span>
|
|
@endif
|
|
<div class="relative flex space-x-3 mt-1">
|
|
<div>
|
|
<span class="h-8 w-8 rounded-full bg-slate-100 dark:bg-slate-800 flex items-center justify-center ring-8 ring-white dark:ring-slate-900">
|
|
<svg class="h-4 w-4 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<div class="flex min-w-0 flex-1 justify-between space-x-4 pt-1.5">
|
|
<div>
|
|
<p class="text-[11px] font-black text-slate-700 dark:text-slate-300 uppercase tracking-widest">{{ $log->ip_address }}</p>
|
|
<p class="mt-1 text-xs text-slate-400 truncate max-w-[120px]" title="{{ $log->user_agent }}">
|
|
{{ Str::limit($log->user_agent, 20) }}
|
|
</p>
|
|
</div>
|
|
<div class="whitespace-nowrap text-right text-[10px] font-bold text-slate-400">
|
|
<time datetime="{{ $log->login_at }}">{{ $log->login_at->diffForHumans() }}</time>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
@empty
|
|
<li class="py-4 text-center text-xs text-slate-400">尚無登入紀錄</li>
|
|
@endforelse
|
|
</ul>
|
|
</div>
|
|
</div>
|