瀏覽代碼

Added pagination for comment section in single-blog page

golestan 3 年之前
父節點
當前提交
1b613463cb
共有 2 個文件被更改,包括 33 次插入0 次删除
  1. 20 0
      resources/sass/home/home.scss
  2. 13 0
      resources/views/home/single-blog.blade.php

+ 20 - 0
resources/sass/home/home.scss

@@ -235,3 +235,23 @@ a {
     }
 
 }
+
+// pagination
+.pagination-holder {
+    margin-top: 2rem;
+    .pagination {
+        padding-right: 0;
+    }
+    .page-item:first-child .page-link {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        border-top-right-radius: 0.25rem;
+        border-bottom-right-radius: 0.25rem;
+    }
+    .page-item:last-child .page-link {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        border-top-left-radius: 0.25rem;
+        border-bottom-left-radius: 0.25rem;
+    }
+}

+ 13 - 0
resources/views/home/single-blog.blade.php

@@ -288,8 +288,21 @@
                                         </div>
                                     </div>
                                 </div>
+                                <!-- paginate -->
+                                <div class="pagination-holder">
+                                    <nav>
+                                        <ul class="pagination pagination">
+                                            <li class="page-item active" aria-current="page">
+                                                <span class="page-link">1</span>
+                                            </li>
+                                            <li class="page-item"><a class="page-link" href="#">2</a></li>
+                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
+                                        </ul>
+                                    </nav>
+                                </div>
                             </div>
                         </div>
+
                     </div>
                 </div>
             </div>