From 0ff253cbfb6c8d9b35b7b9a48ba597e28aeb0174 Mon Sep 17 00:00:00 2001
From: eai04191 <eai@mizle.net>
Date: Thu, 28 Feb 2019 00:00:23 +0900
Subject: [PATCH] =?UTF-8?q?card=E3=81=AE=E3=83=AC=E3=82=A4=E3=82=A2?=
 =?UTF-8?q?=E3=82=A6=E3=83=88=E3=82=92=E6=A8=AA=E5=90=91=E3=81=8D=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/tissue.css                          | 12 ++++++++++++
 public/js/tissue.js                            |  7 +++++--
 resources/views/components/link-card.blade.php | 16 +++++++++++-----
 3 files changed, 28 insertions(+), 7 deletions(-)

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 @@
-<div class="card link-card mb-2 px-0 col-12 col-md-6 d-none" style="font-size: small;">
+<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">
-        <img src="" alt="Thumbnail" class="card-img-top bg-secondary">
-        <div class="card-body">
-            <h6 class="card-title font-weight-bold">タイトル</h6>
-            <p class="card-text">コンテンツの説明文</p>
+        <div class="row no-gutters">
+            <div class="col-12 col-md-6">
+                <img src="" alt="Thumbnail" class="card-img-left bg-secondary">
+            </div>
+            <div class="col-12 col-md-6">
+                <div class="card-body">
+                    <h6 class="card-title font-weight-bold">タイトル</h6>
+                    <p class="card-text">コンテンツの説明文</p>
+                </div>
+            </div>
         </div>
     </a>
 </div>
\ No newline at end of file