Update profile pages design

2026-07-25 13:54:21 +02:00
parent 2b1a967065
commit 5af1c3c447
17 changed files with 1031 additions and 362 deletions
@@ -1,11 +1,12 @@
-<x-app-layout>
-    @include('partials.background')
-    <div class="relative max-w-[120rem] mx-auto sm:px-6 lg:px-8 space-y-6 pt-10 flex flex-row justify-center md:justify-normal">
-        <div class="grid md:grid-flow-col gap-4 xl:w-5/6 flex-row">
-            @include('profile.partials.sidebar')
-            <div class="flex flex-col gap-2">
-                <livewire:user-comments :model="$user"/>
-            </div>
-        </div>
+<x-profile-layout>
+    <div class="space-y-5">
+        {{-- Header --}}
+        <h2 class="text-xl font-bold text-gray-900 dark:text-gray-100 flex items-center gap-2">
+            <i class="fa-solid fa-comment text-rose-500"></i>
+            {{ __('nav.comments') }}
+        </h2>
+
+        {{-- Content from Livewire --}}
+        <livewire:user-comments :model="$user"/>
    </div>
-</x-app-layout>
+</x-profile-layout>