enhance(client): use container queries if available to improve perf

2022-12-26 08:40:13 +09:00 · 2022-12-26 08:40:13 +09:00 · c95da27019
commit c95da27019
parent af649b0480
20 changed files with 420 additions and 6 deletions
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@ -300,4 +300,28 @@ definePageMetadata({
 		}
 	}
 }
+
+@container (max-width: 400px) {
+	.yweeujhr {
+		> .history {
+			> .message {
+				&:not(.isMe):not(.isRead) {
+					> div {
+						background-image: none;
+						border-left: solid 4px #3aa2dc;
+					}
+				}
+
+				> div {
+					padding: 16px;
+					font-size: 0.9em;
+
+					> .avatar {
+						margin: 0 12px 0 0;
+					}
+				}
+			}
+		}
+	}
+}
 </style>