Change empty box

2026-05-18 16:34:26 +01:00
parent a37b45f5b6
commit b3cae6e3a9
4 changed files with 29 additions and 15 deletions
@@ -35,11 +35,17 @@
        </ion-list>
    </div>
 } @else {
-    <div class="flex justify-center items-center p-4">
-        <p class="text-center text-sm italic text-gray-500 font-serif">
-            C'est plus marrant à plusieurs, ajoute des amis !
-        </p>
-    </div>
+    <ion-item lines="none" class="border border-stone-200 rounded-xl m-3" style="--background: #fafaf8;">
+        <div class="flex flex-col items-center w-full px-10 py-20 gap-3">
+            <div class="w-10 h-10 rounded-full bg-stone-100 border border-stone-200 flex items-center justify-center">
+                <ion-icon name="people" style="color:#a8a090; font-size:20px;"></ion-icon>
+            </div>
+            <div class="text-center">
+                <p class="m-0 text-sm font-medium text-stone-400">Ajoutez vos amis</p>
+                <p class="m-0 mt-1 text-xs text-stone-300 leading-relaxed">Vos amis apparaîtront ici</p>
+            </div>
+        </div>
+    </ion-item>
 }

 <ion-modal [isOpen]="isModalOpen">