オカズリンクのカード幅を調整

fix #3
This commit is contained in:
shibafu 2018-03-06 23:46:22 +09:00
parent bc57a482be
commit 9cdfadf12c
3 changed files with 39 additions and 33 deletions

View File

@ -46,18 +46,20 @@
@endif @endif
<!-- okazu link --> <!-- okazu link -->
@if (!empty($ejaculation->link)) @if (!empty($ejaculation->link))
<div class="card link-card mb-2 w-50 d-none" style="font-size: small;"> <div class="row mx-0">
<a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener"> <div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
<img src="" alt="Thumbnail" class="card-img-top bg-secondary"> <a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">
<div class="card-body"> <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
<h6 class="card-title font-weight-bold">タイトル</h6> <div class="card-body">
<p class="card-text">コンテンツの説明文</p> <h6 class="card-title font-weight-bold">タイトル</h6>
<p class="card-text">コンテンツの説明文</p>
</div>
</a>
</div> </div>
</a> <p class="mb-2 col-12 px-0">
</div> <span class="oi oi-link-intact mr-1"></span><a href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
<p class="mb-2"> </p>
<span class="oi oi-link-intact mr-1"></span><a href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a> </div>
</p>
@endif @endif
<!-- note --> <!-- note -->
@if (!empty($ejaculation->note)) @if (!empty($ejaculation->note))

View File

@ -48,18 +48,20 @@
@endif @endif
<!-- okazu link --> <!-- okazu link -->
@if (!empty($ejaculation->link)) @if (!empty($ejaculation->link))
<div class="card link-card mb-2 w-50 d-none" style="font-size: small;"> <div class="row mx-0">
<a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener"> <div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
<img src="" alt="Thumbnail" class="card-img-top bg-secondary"> <a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">
<div class="card-body"> <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
<h6 class="card-title font-weight-bold">タイトル</h6> <div class="card-body">
<p class="card-text">コンテンツの説明文</p> <h6 class="card-title font-weight-bold">タイトル</h6>
</div> <p class="card-text">コンテンツの説明文</p>
</a> </div>
</a>
</div>
<p class="mb-2 col-12 px-0">
<span class="oi oi-link-intact mr-1"></span><a href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
</p>
</div> </div>
<p class="mb-2">
<span class="oi oi-link-intact mr-1"></span><a href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
</p>
@endif @endif
<!-- note --> <!-- note -->
@if (!empty($ejaculation->note)) @if (!empty($ejaculation->note))

View File

@ -32,18 +32,20 @@
@endif @endif
<!-- okazu link --> <!-- okazu link -->
@if (!empty($ejaculation->link)) @if (!empty($ejaculation->link))
<div class="card link-card mb-2 w-50 d-none" style="font-size: small;"> <div class="row mx-0">
<a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener"> <div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
<img src="" alt="Thumbnail" class="card-img-top bg-secondary"> <a class="text-dark card-link" href="{{ $ejaculation->link }}" target="_blank" rel="noopener">
<div class="card-body"> <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
<h6 class="card-title font-weight-bold">タイトル</h6> <div class="card-body">
<p class="card-text">コンテンツの説明文</p> <h6 class="card-title font-weight-bold">タイトル</h6>
<p class="card-text">コンテンツの説明文</p>
</div>
</a>
</div> </div>
</a> <p class="mb-2 col-12 px-0">
</div> <span class="oi oi-link-intact mr-1"></span><a href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a>
<p class="mb-2"> </p>
<span class="oi oi-link-intact mr-1"></span><a href="{{ $ejaculation->link }}" target="_blank" rel="noopener">{{ $ejaculation->link }}</a> </div>
</p>
@endif @endif
<!-- note --> <!-- note -->
@if (!empty($ejaculation->note)) @if (!empty($ejaculation->note))