From 147c72b6da8076911b8c87f324a367b325c48d12 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Sun, 6 Nov 2022 13:25:41 -0800
Subject: [PATCH] fix

---
 package.json                                  |   2 +-
 .../client/src/components/MkChatPreview.vue   | 102 ++++++++----------
 2 files changed, 48 insertions(+), 56 deletions(-)

diff --git a/package.json b/package.json
index 358470808..7894306d6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.8-rc.4",
+	"version": "12.119.0-calc.8-rc.5",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/components/MkChatPreview.vue b/packages/client/src/components/MkChatPreview.vue
index 19a5bf2df..817dd3ff0 100644
--- a/packages/client/src/components/MkChatPreview.vue
+++ b/packages/client/src/components/MkChatPreview.vue
@@ -100,71 +100,63 @@ function isMe(message): boolean {
 			clear: both;
 		}
 
-		> div {
-			padding: 20px 30px;
+		padding: 20px 30px;
 
-			&:after {
-				content: "";
-				display: block;
-				clear: both;
-			}
+		> header {
+			display: flex;
+			align-items: center;
+			margin-bottom: 2px;
+			white-space: nowrap;
+			overflow: hidden;
 
-			> header {
-				display: flex;
-				align-items: center;
-				margin-bottom: 2px;
-				white-space: nowrap;
+			> .name {
+				margin: 0;
+				padding: 0;
 				overflow: hidden;
-
-				> .name {
-					margin: 0;
-					padding: 0;
-					overflow: hidden;
-					text-overflow: ellipsis;
-					font-size: 1em;
-					font-weight: bold;
-					transition: all 0.1s ease;
-				}
-
-				> .username {
-					margin: 0 8px;
-				}
-
-				> .time {
-					margin: 0 0 0 auto;
-				}
-			}
-
-			> .avatar {
-				float: left;
-				width: 54px;
-				height: 54px;
-				margin: 0 16px 0 0;
-				border-radius: 8px;
+				text-overflow: ellipsis;
+				font-size: 1em;
+				font-weight: bold;
 				transition: all 0.1s ease;
 			}
 
-			> .body {
-				> .text {
-					display: block;
-					margin: 0 0 0 0;
-					padding: 0;
-					overflow: hidden;
-					overflow-wrap: break-word;
-					font-size: 1.1em;
-					color: var(--faceText);
+			> .username {
+				margin: 0 8px;
+			}
 
-					.me {
-						opacity: 0.7;
-					}
-				}
+			> .time {
+				margin: 0 0 0 auto;
+			}
+		}
 
-				> .image {
-					display: block;
-					max-width: 100%;
-					max-height: 512px;
+		> .avatar {
+			float: left;
+			width: 54px;
+			height: 54px;
+			margin: 0 16px 0 0;
+			border-radius: 8px;
+			transition: all 0.1s ease;
+		}
+
+		> .body {
+			> .text {
+				display: block;
+				margin: 0 0 0 0;
+				padding: 0;
+				overflow: hidden;
+				overflow-wrap: break-word;
+				font-size: 1.1em;
+				color: var(--faceText);
+
+				.me {
+					opacity: 0.7;
 				}
 			}
+
+			> .image {
+				display: block;
+				max-width: 100%;
+				max-height: 512px;
+			}
 		}
 	}