WIP Placeholder

laravelsu · Nov 7, 2023 · af1da2d · af1da2d
1 parent 47ce187
commit af1da2d
Showing 1 changed file with 63 additions and 0 deletions.
diff --git a/resources/views/post/show.blade.php b/resources/views/post/show.blade.php
@@ -48,6 +48,69 @@ class="bi bi-three-dots" viewBox="0 0 16 16">
         </div>
     </div>
 
+
+
+    <div class="container my-5">
+        <div class="col-xxl-8 mx-auto">
+            <p class="h5 mt-5 mb-3 ms-3">
+                Комментарии
+            </p>
+        </div>
+
+        <div class="bg-body-tertiary shadow-sm p-5 rounded">
+            <div class="row mb-4">
+                <div class="col-12 col-xxl-8 mx-auto">
+                    <div class="d-flex align-content-between align-items-stretch">
+                        <div class="col-1 me-3">
+                            <span class="placeholder avatar-img rounded-circle w-100 p-3">
+                            </span>
+                        </div>
+
+                        <div class="w-100">
+                            <p class="card-text placeholder-glow mb-2">
+                                <span class="placeholder rounded col-4"></span>
+                            </p>
+                            <p class="card-text placeholder-glow small">
+                                <span class="placeholder rounded col-7"></span>
+                                <span class="placeholder rounded col-4"></span>
+                                <span class="placeholder rounded col-4"></span>
+                                <span class="placeholder rounded col-6"></span>
+                                <span class="placeholder rounded col-8"></span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col-12 col-xxl-8 mx-auto">
+                    <div class="d-flex align-content-between align-items-stretch">
+                        <div class="col-1 me-3">
+                            <span class="placeholder avatar-img rounded-circle w-100 p-3">
+                            </span>
+                        </div>
+
+                        <div class="w-100">
+                            <p class="card-text placeholder-glow mb-2">
+                                <span class="placeholder rounded col-2"></span>
+                            </p>
+                            <p class="card-text placeholder-glow small">
+                                <span class="placeholder rounded col-3"></span>
+                                <span class="placeholder rounded col-5"></span>
+                                <span class="placeholder rounded col-2"></span>
+                                <span class="placeholder rounded col-7"></span>
+                                <span class="placeholder rounded col-2"></span>
+                                <span class="placeholder rounded col-4"></span>
+                                <span class="placeholder rounded col-2"></span>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+
     <div class="container my-5">
         <div class="col-xxl-8 mx-auto">
             <p class="h5 mt-5 mb-3 ms-3">{{ $post->comments()->count() }} комментариев</p>