From d71294b7675976c88ba5b80f5fbe7ceaa20e7ef5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=8B=E3=81=A3=E3=81=93=E3=81=8B=E3=82=8A?=
 <67428053+kakkokari-gtyih@users.noreply.github.com>
Date: Tue, 5 Sep 2023 08:15:21 +0900
Subject: [PATCH] Avoid using wildcard selector

---
 .../frontend/src/components/MkPagePreview.vue   | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/src/components/MkPagePreview.vue b/packages/frontend/src/components/MkPagePreview.vue
index 3e0f4ffec8..65464956be 100644
--- a/packages/frontend/src/components/MkPagePreview.vue
+++ b/packages/frontend/src/components/MkPagePreview.vue
@@ -11,6 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			:disableImageLink="true"
 			:controls="false"
 			:cover="true"
+			:class="$style.eyeCatchingImageRoot"
 		/>
 	</div>
 	<article>
@@ -37,6 +38,15 @@ const props = defineProps<{
 }>();
 </script>
 
+<style module>
+.eyeCatchingImageRoot {
+	width: 100%;
+	height: 200px;
+	border-radius: var(--radius) var(--radius) 0 0;
+	overflow: hidden;
+}
+</style>
+
 <style lang="scss" scoped>
 .vhpxefrj {
 	display: block;
@@ -50,13 +60,6 @@ const props = defineProps<{
 		& + article {
 			border-radius: 0 0 var(--radius) var(--radius);
 		}
-
-		> * {
-			width: 100%;
-			height: 200px;
-			border-radius: var(--radius) var(--radius) 0 0;
-			overflow: hidden;
-		}
 	}
 
 	> article {