Merge pull request #237 from eai04191/feature/card-round-fix

カードの角丸を修正

resources/assets/js/components/MetadataPreview.vue

@@ -11,7 +11,7 @@
                 </div>
                 <div v-else-if="state === MetadataLoadState.Success" class="row no-gutters">
                     <div v-if="hasImage" class="col-4 justify-content-center align-items-center">
-                        <img :src="metadata.image" alt="Thumbnail" class="card-img-top-to-left bg-secondary">
+                        <img :src="metadata.image" alt="Thumbnail" class="w-100 bg-secondary">
                     </div>
                     <div :class="descClasses">
                         <div class="card-body">
@@ -117,10 +117,7 @@
 <style lang="scss" scoped>
     .link-card-mini {
         $height: 150px;
-
-        .row > div {
         overflow: hidden;
-        }
 
         .row > div:first-child {
             display: flex;

resources/assets/sass/_bootstrap-custom.scss

@@ -1,19 +0,0 @@
-.card-img-left {
-    width: 100%;
-    @include border-left-radius($card-inner-border-radius);
-}
-
-.card-img-right {
-    width: 100%;
-    @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);
-    }
-}

resources/assets/sass/app.scss

@@ -3,7 +3,6 @@ $primary: #e53fb1;
 
 // Bootstrap
 @import "~bootstrap/scss/bootstrap";
-@import "bootstrap-custom";
 
 // Open Iconic
 @import "~open-iconic/font/css/open-iconic-bootstrap";

resources/assets/sass/components/_link-card.scss

@@ -1,4 +1,6 @@
 .link-card {
+  overflow: hidden;
+
   .row > div {
     max-height: 400px;
     overflow: hidden;

resources/assets/sass/tissue.css

@@ -77,3 +77,4 @@
 #navbarAccountDropdownSp {
     max-width: calc(100vw - 5em);
 }
+

resources/views/components/link-card.blade.php

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