Add placeholder for empty comments

2025-04-21 23:02:38 +03:30
parent 85b15e3f79
commit dfa1d9be90
1 changed files with 13 additions and 1 deletions
@@ -98,7 +98,19 @@ const limitedComments = computed(() => {
                    :username="'منصور مرزبان'"
                />

-                <div class="flex items-center justify-center w-full">
+                <div
+                    class="h-[400px] lg:flex-grow w-full border-[0.5px] flex-col-center border-slate-200 bg-white rounded-xl"
+                >
+                    <NuxtImg
+                        src="/img/heymlz/heymlz-contact-us.gif"
+                        class="w-[200px] lg:w-[300px] translate-y-[-25px]"
+                    />
+                    <span class="text-xl text-black font-semibold translate-y-[-25px]"> هیچ نظری ثبت نشده است </span>
+                </div>
+                <div
+                    v-if="comments!.count > 0"
+                    class="flex items-center justify-center w-full"
+                >
                    <Pagination
                        v-if="showMoreComments"
                        :total="comments!.count"