style(FilePreview): adjust row layout design

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
nextcloud · Aug 20, 2024 · ef9cf73 · ef9cf73
1 parent bf1c036
commit ef9cf73
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue
@@ -661,21 +661,23 @@ export default {
 	&--row-layout {
 		display: flex;
 		align-items: center;
-		height: 36px;
+		height: 32px;
 		border-radius: var(--border-radius);
 		padding: 2px 4px;
 
 		.image-container {
-			height: 100%;
+			flex-shrink: 0;
+			height: 32px;
+			width: 32px;
 		}
 
 		.name-container {
 			padding: 0 4px;
 		}
 
 		.loading {
-			width: 36px;
-			height: 36px;
+			width: 32px;
+			height: 32px;
 		}
 	}