mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-13 21:05:19 +00:00
feat(core): pixelated to image component to improve clarity for low-resolution images (#13968)
<!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **Style** * Updated rendering quality for images displayed in chat content, applying a pixelated effect to both row and column layouts. <!-- end of auto-generated comment: release notes by coderabbit.ai --> Co-authored-by: DarkSky <25152247+darkskygit@users.noreply.github.com>
This commit is contained in:
@@ -38,6 +38,7 @@ export class ChatContentImages extends WithDisposable(ShadowlessElement) {
|
||||
object-fit: cover;
|
||||
border-radius: 8px;
|
||||
flex-shrink: 0;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.chat-content-images-column {
|
||||
@@ -63,6 +64,7 @@ export class ChatContentImages extends WithDisposable(ShadowlessElement) {
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
`;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user