Files
numstation-web/resources/views/themes/tailwind/profile.blade.php
2023-12-22 12:35:55 +08:00

24 lines
1.2 KiB
PHP

@extends('theme::layouts.app')
@section('content')
<div class="flex flex-col px-8 mx-auto my-6 xl:px-5 lg:flex-row max-w-7xl">
<div class="flex flex-col items-center justify-center w-full px-10 py-16 mb-8 mr-6 bg-white border rounded-lg lg:mb-0 lg:flex-1 lg:w-1/3 border-gray-150">
<img src="{{ Voyager::image($user->avatar) }}" class="w-24 h-24 border-4 border-gray-200 rounded-full">
<h2 class="mt-8 text-2xl font-bold">{{ $user->name }}</h2>
<p class="my-1 font-medium text-wave-blue">{{ '@' . $user->username }}</p>
<div class="px-3 py-1 my-2 text-xs font-medium text-white text-gray-600 bg-gray-200 rounded">{{ $user->role->display_name }}</div>
<p class="max-w-lg mx-auto mt-3 text-base text-center text-gray-500">{{ $user->profile('about') }}</p>
</div>
<div class="flex flex-col w-full p-10 overflow-hidden bg-white border rounded-lg lg:w-2/3 border-gray-150 lg:flex-2">
<p class="text-lg text-gray-600">Your application info about {{ $user->name }} here</p>
<p class="mt-5 text-lg text-gray-600">You can edit this template inside of <code class="px-2 py-1 font-mono text-base font-medium text-gray-600 bg-indigo-100 rounded-md">resources/views/{{ theme_folder('/profile.blade.php') }}</code></p>
</div>
</div>
@endsection