メタデータプレビュー専用のスタイルなので .link-card-mini はSFC内に封印

resources/assets/js/components/MetadataPreview.vue

@@ -70,6 +70,30 @@
 </script>
 
 <style lang="scss" scoped>
+    .link-card-mini {
+        $height: 150px;
+
+        .row > div {
+            overflow: hidden;
+        }
+
+        .row > div:first-child {
+            display: flex;
+
+            &:not([display=none]) {
+                min-height: $height;
+
+                img {
+                    position: absolute;
+                }
+            }
+        }
+
+        .card-text {
+            white-space: pre-line;
+        }
+    }
+
     .metadata-tag-item {
         cursor: pointer;
         user-select: none;

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

@@ -29,28 +29,3 @@
     white-space: pre-line;
   }
 }
-
-// チェックイン画面用
-.link-card-mini {
-    $height: 150px;
-
-    .row > div {
-        overflow: hidden;
-    }
-
-    .row > div:first-child {
-        display: flex;
-
-        &:not([display=none]) {
-            min-height: $height;
-            
-            img {
-                position: absolute;
-            }
-        }
-    }
-
-    .card-text {
-        white-space: pre-line;
-    }
-}