dyzulk/app-beta
1
0
Fork 0
mirror of https://github.com/twinpath/app-beta.git synced 2026-01-26 13:51:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Dyzulk Developer
2025-12-21 08:03:18 +07:00
commit 7c746f776a
300 changed files with 24836 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
resources/views/pages/ui-elements/avatars.blade.php Normal file
View File

@@ -0,0 +1,63 @@
@extends('layouts.app')
@section('content')
<x-common.page-breadcrumb pageTitle="Avatars" />
@php
$avatarSrc = asset('images/user/user-01.jpg');
$sizes = ['xsmall', 'small', 'medium', 'large', 'xlarge', 'xxlarge'];
@endphp
<div class="space-y-5 sm:space-y-6">
{{-- Default Avatar --}}
<x-common.component-card title="Default Avatar">
<div class="flex flex-col items-center justify-center gap-5 sm:flex-row">
@foreach($sizes as $size)
<x-ui.avatar
:src="$avatarSrc"
:size="$size"
/>
@endforeach
</div>
</x-common.component-card>
{{-- Avatar with Online Indicator --}}
<x-common.component-card title="Avatar with online indicator">
<div class="flex flex-col items-center justify-center gap-5 sm:flex-row">
@foreach($sizes as $size)
<x-ui.avatar
:src="$avatarSrc"
:size="$size"
status="online"
/>
@endforeach
</div>
</x-common.component-card>
{{-- Avatar with Offline Indicator --}}
<x-common.component-card title="Avatar with Offline indicator">
<div class="flex flex-col items-center justify-center gap-5 sm:flex-row">
@foreach($sizes as $size)
<x-ui.avatar
:src="$avatarSrc"
:size="$size"
status="offline"
/>
@endforeach
</div>
</x-common.component-card>
{{-- Avatar with Busy Indicator --}}
<x-common.component-card title="Avatar with busy indicator">
<div class="flex flex-col items-center justify-center gap-5 sm:flex-row">
@foreach($sizes as $size)
<x-ui.avatar
:src="$avatarSrc"
:size="$size"
status="busy"
/>
@endforeach
</div>
</x-common.component-card>
</div>
@endsection