お惣菜コーナーのカード枠を削除

ユーザータイムラインに合わせた形
This commit is contained in:
shibafu 2019-02-09 00:50:33 +09:00
parent eef0eac887
commit a77ac3f039
2 changed files with 56 additions and 50 deletions

10
public/css/tissue.css vendored
View File

@ -24,6 +24,16 @@
transition: filter .15s liner; transition: filter .15s liner;
} }
.list-group-item.no-side-border {
border-left: none;
border-right: none;
border-radius: 0;
}
.list-group-item.border-bottom-only:first-child {
border-top: none;
}
.list-group-item.border-bottom-only { .list-group-item.border-bottom-only {
border-left: none; border-left: none;
border-right: none; border-right: none;

View File

@ -44,14 +44,11 @@
</div> </div>
<div class="col-lg-8"> <div class="col-lg-8">
@if (!empty($publicLinkedEjaculations)) @if (!empty($publicLinkedEjaculations))
<div class="card mb-4"> <h5 class="mb-3">お惣菜コーナー</h5>
<div class="card-header">お惣菜コーナー</div> <p class="text-secondary">最近の公開チェックインから、オカズリンク付きのものを表示しています。</p>
<div class="card-body"> <ul class="list-group">
<p class="card-text">最近の公開チェックインから、オカズリンク付きのものを表示しています。</p>
</div>
<ul class="list-group list-group-flush">
@foreach ($publicLinkedEjaculations as $ejaculation) @foreach ($publicLinkedEjaculations as $ejaculation)
<li class="list-group-item pt-3 pb-3"> <li class="list-group-item no-side-border pt-3 pb-3 tis-word-wrap">
<!-- span --> <!-- span -->
<div class="d-flex justify-content-between"> <div class="d-flex justify-content-between">
<h5> <h5>
@ -96,7 +93,6 @@
</li> </li>
@endforeach @endforeach
</ul> </ul>
</div>
@endif @endif
</div> </div>
</div> </div>