diff --git a/public/css/tissue.css b/public/css/tissue.css index fa57ff3..f7dfd0c 100644 --- a/public/css/tissue.css +++ b/public/css/tissue.css @@ -84,4 +84,16 @@ #navbarAccountDropdownSp { max-width: calc(100vw - 5em); +} + +.card-img-left { + width: 100%; + border-top-left-radius: calc(.25rem - 1px); + border-bottom-left-radius: calc(.25rem - 1px); +} + +.card-img-right { + width: 100%; + border-top-right-radius: calc(.25rem - 1px); + border-bottom-right-radius: calc(.25rem - 1px); } \ No newline at end of file diff --git a/public/js/tissue.js b/public/js/tissue.js index fb200fe..f4afea3 100644 --- a/public/js/tissue.js +++ b/public/js/tissue.js @@ -17,9 +17,11 @@ url: $this.find('a').attr('href') } }).then(function (data) { + var $metaColumn = $this.find('.col-12:last-of-type'); + var $imageColumn = $this.find('.col-12:first-of-type'); var $title = $this.find('.card-title'); var $desc = $this.find('.card-text'); - var $image = $this.find('img'); + var $image = $imageColumn.find('img'); if (data.title === '') { $title.hide(); @@ -34,7 +36,8 @@ } if (data.image === '') { - $image.hide(); + $imageColumn.hide(); + $metaColumn.removeClass('col-md-6'); } else { $image.attr('src', data.image); } diff --git a/resources/views/components/link-card.blade.php b/resources/views/components/link-card.blade.php index 7fc8b38..5b99fd4 100644 --- a/resources/views/components/link-card.blade.php +++ b/resources/views/components/link-card.blade.php @@ -1,9 +1,15 @@ -