From 784fc7b3f58a5b4b93c67270a3c3e8acb467771b Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 12 Feb 2023 10:46:14 +0900
Subject: [PATCH] :art:

---
 packages/frontend/src/components/MkNote.vue       |  6 ++++++
 packages/frontend/src/components/MkNoteSimple.vue | 12 ++++++++++--
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkNote.vue b/packages/frontend/src/components/MkNote.vue
index 7d02dadf4..1bad32c4a 100644
--- a/packages/frontend/src/components/MkNote.vue
+++ b/packages/frontend/src/components/MkNote.vue
@@ -704,6 +704,12 @@ function showReactions(): void {
 	}
 }
 
+@container (max-width: 250px) {
+	.quoteNote {
+		padding: 12px;
+	}
+}
+
 .muted {
 	padding: 8px;
 	text-align: center;
diff --git a/packages/frontend/src/components/MkNoteSimple.vue b/packages/frontend/src/components/MkNoteSimple.vue
index 757b325a0..b38a4afa8 100644
--- a/packages/frontend/src/components/MkNoteSimple.vue
+++ b/packages/frontend/src/components/MkNoteSimple.vue
@@ -44,8 +44,8 @@ const showContent = $ref(false);
 	flex-shrink: 0;
 	display: block;
 	margin: 0 10px 0 0;
-	width: 40px;
-	height: 40px;
+	width: 34px;
+	height: 34px;
 	border-radius: 8px;
 }
 
@@ -72,6 +72,14 @@ const showContent = $ref(false);
 	padding: 0;
 }
 
+@container (min-width: 250px) {
+	.avatar {
+		margin: 0 10px 0 0;
+		width: 40px;
+		height: 40px;
+	}
+}
+
 @container (min-width: 350px) {
 	.avatar {
 		margin: 0 10px 0 0;