From 2167aec2b48089b8d5ff7fc1f30b387d333a37f0 Mon Sep 17 00:00:00 2001
From: NoriDev <m1nthing2322@gmail.com>
Date: Sun, 24 Dec 2023 01:55:27 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../frontend/src/components/MkFlashPreview.vue     | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/src/components/MkFlashPreview.vue b/packages/frontend/src/components/MkFlashPreview.vue
index bf241b93b2..65c243beef 100644
--- a/packages/frontend/src/components/MkFlashPreview.vue
+++ b/packages/frontend/src/components/MkFlashPreview.vue
@@ -31,6 +31,7 @@ const props = defineProps<{
 <style lang="scss" scoped>
 .vhpxefrk {
 	display: block;
+	padding: 4px 8px 8px;
 
 	&:hover {
 		text-decoration: none;
@@ -62,10 +63,11 @@ const props = defineProps<{
 
 			> img {
 				display: inline-block;
-				width: 16px;
-				height: 16px;
+				width: 18px;
+				height: 18px;
 				margin-right: 4px;
 				vertical-align: top;
+				border-radius: 999px;
 			}
 
 			> p {
@@ -83,7 +85,7 @@ const props = defineProps<{
 	}
 
 	@media (max-width: 550px) {
-		font-size: 12px;
+		// font-size: 12px;
 
 		> article {
 			padding: 12px;
@@ -91,7 +93,7 @@ const props = defineProps<{
 	}
 
 	@media (max-width: 500px) {
-		font-size: 10px;
+		// font-size: 10px;
 
 		> article {
 			padding: 8px;
@@ -104,8 +106,8 @@ const props = defineProps<{
 				margin-top: 4px;
 
 				> img {
-					width: 12px;
-					height: 12px;
+					width: 16px;
+					height: 16px;
 				}
 			}
 		}