public-projects-laravel/cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

調整列表頁樣式

Browse Source
This commit is contained in:
kroutony 2020-02-26 11:29:05 +08:00
parent 40155a3944
commit 03ec7ed141
2 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/sass/app.scss vendored
View File

@ -18,7 +18,7 @@ main {
} }
body.post-archive { body.post-archive {
.container { .posts {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
@ -30,6 +30,10 @@ body.post-archive {
flex: 1; flex: 1;
flex-basis: calc(33.33% - 10px); flex-basis: calc(33.33% - 10px);
} }
.pagination {
display: flex;
justify-content: center;
}
} }
body.single-post { body.single-post {

30
resources/views/post/index.blade.php
View File

@ -4,22 +4,24 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@foreach($posts as $post) <div class="posts">
<article> @foreach($posts as $post)
<div class="row"> <article>
<div class="col"> <div class="row">
<?php if($post->featureImage): ?> <div class="col">
<div class="img-wrapper"> <?php if($post->featureImage): ?>
<img src="{{ $post->featureImage->url }}" alt="{{ $post->featureImage->description }}" class="post-feature-image"> <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> </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>
</div> </article>
</article> @endforeach
@endforeach </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">