サムネイルを含むカードを高さ400pxに固定、サムネイルはトリミング表示されるようにした
This commit is contained in:
parent
3cba46bff0
commit
2ff07cc68d
12
resources/assets/sass/components/_link-card.scss
vendored
12
resources/assets/sass/components/_link-card.scss
vendored
@ -1,8 +1,18 @@
|
||||
.link-card {
|
||||
.row > div:last-child {
|
||||
.row > div {
|
||||
max-height: 400px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.row > div:first-child {
|
||||
display: flex;
|
||||
|
||||
&:not([display=none]) {
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
.row > div:last-child {
|
||||
// 省略を表す影を付けるやつ
|
||||
&::before {
|
||||
position: absolute;
|
||||
|
@ -1,7 +1,7 @@
|
||||
<div class="card link-card mb-2 px-0 col-12 d-none" style="font-size: small;">
|
||||
<a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener">
|
||||
<div class="row no-gutters">
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="col-12 col-md-6 justify-content-center align-items-center">
|
||||
<img src="" alt="Thumbnail" class="card-img-top-to-left bg-secondary">
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
|
Loading…
Reference in New Issue
Block a user