From 03ec7ed14148fe4a3f2aa101bd279b397b76a15a Mon Sep 17 00:00:00 2001
From: kroutony <kroutony@gmail.com>
Date: Wed, 26 Feb 2020 11:29:05 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AA=BF=E6=95=B4=E5=88=97=E8=A1=A8=E9=A0=81?=
 =?UTF-8?q?=E6=A8=A3=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/sass/app.scss              |  6 +++++-
 resources/views/post/index.blade.php | 30 +++++++++++++++-------------
 2 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index e617799..bf622c9 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -18,7 +18,7 @@ main {
 }
 
 body.post-archive {
-    .container {
+    .posts {
         display: flex;
         flex-wrap: wrap;
     }
@@ -30,6 +30,10 @@ body.post-archive {
         flex: 1;
         flex-basis: calc(33.33% - 10px);
     }
+    .pagination {
+        display: flex;
+        justify-content: center;
+    }
 }
 
 body.single-post {
diff --git a/resources/views/post/index.blade.php b/resources/views/post/index.blade.php
index 1a41eea..fb17b1d 100644
--- a/resources/views/post/index.blade.php
+++ b/resources/views/post/index.blade.php
@@ -4,22 +4,24 @@
     <div class="container">
         <div class="row">
             <div class="col">
-                @foreach($posts as $post)
-                    <article>
-                        <div class="row">
-                            <div class="col">
-                                <?php if($post->featureImage): ?>
-                                <div class="img-wrapper">
-                                    <img src="{{ $post->featureImage->url }}" alt="{{ $post->featureImage->description }}" class="post-feature-image">
+                <div class="posts">
+                    @foreach($posts as $post)
+                        <article>
+                            <div class="row">
+                                <div class="col">
+                                    <?php if($post->featureImage): ?>
+                                    <div class="img-wrapper">
+                                        <img src="{{ $post->featureImage->url }}" alt="{{ $post->featureImage->description }}" class="post-feature-image">
+                                    </div>
+                                    <?php endif; ?>
+                                    <h2 class="title"><a href="{{ route($resource . '.show', [$post->id]) }}">{{ $post->title }}</a></h2>
+                                    <div class="excerpt">{{ $post->excerpt }}</div>
+                                    <div class="date">{{ $post->created_at }}</div>
                                 </div>
-                                <?php endif; ?>
-                                <h2 class="title"><a href="{{ route($resource . '.show', [$post->id]) }}">{{ $post->title }}</a></h2>
-                                <div class="excerpt">{{ $post->excerpt }}</div>
-                                <div class="date">{{ $post->created_at }}</div>
                             </div>
-                        </div>
-                    </article>
-                @endforeach
+                        </article>
+                    @endforeach
+                </div>
             </div>
         </div>
        <div class="row">