pepepper/tissue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #153 from shikorism/fix/140

Browse Source 
カード画像の角丸の位置をメディアクエリで可変にした
This commit is contained in:
shibafu 2019-03-13 20:40:31 +09:00 committed by GitHub
commit d044b6db20
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/assets/sass/_bootstrap-custom.scss vendored
View File

@ -7,3 +7,13 @@
width: 100%; width: 100%;
@include border-right-radius($card-inner-border-radius); @include border-right-radius($card-inner-border-radius);
} }
.card-img-top-to-left {
width: 100%;
@include media-breakpoint-down(md) {
@include border-top-radius($card-inner-border-radius);
}
@include media-breakpoint-up(lg) {
@include border-left-radius($card-inner-border-radius);
}
}

2
resources/views/components/link-card.blade.php
View File

@ -2,7 +2,7 @@
<a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener"> <a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener">
<div class="row no-gutters"> <div class="row no-gutters">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<img src="" alt="Thumbnail" class="card-img-left bg-secondary"> <img src="" alt="Thumbnail" class="card-img-top-to-left bg-secondary">
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="card-body"> <div class="card-body">