fix(client): 画面サイズが小さくなるとチャットインジケーターの位置が間違ってしまう問題

kokonect-link · Jun 8, 2023 · 4b18121 · 4b18121 · github-actions · Jun 8, 2023
1 parent 7342ec9
commit 4b18121
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/frontend/src/pages/messaging/index.vue b/packages/frontend/src/pages/messaging/index.vue
@@ -192,7 +192,7 @@ definePageMetadata({
 	}
 
 	> div {
-		padding: 20px 30px;
+		padding: 25px 30px;
 
 		&:after {
 			content: "";
@@ -216,7 +216,7 @@ definePageMetadata({
 
 .indicator {
 	position: absolute;
-	top: 36px;
+	top: 41px;
 	left: 12px;
 	color: var(--indicator);
 	font-size: 9px;
@@ -271,11 +271,16 @@ definePageMetadata({
 @container (max-width: 500px) {
 	.message {
 		> div {
-			padding: 15px 20px;
+			padding: 20px 30px;
 			font-size: .9em;
 		}
 	}
 
+	.indicator {
+		top: 36px;
+		left: 12px;
+	}
+
 	.avatar {
 		margin: 0 12px 0 0;
 	}