natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

This commit is contained in:
ThatOneCalculator 2022-11-06 13:25:41 -08:00
parent 7beec91753
commit 3ea4c8cba6
2 changed files with 48 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "12.119.0-calc.8-rc.4", "version": "12.119.0-calc.8-rc.5",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

102
packages/client/src/components/MkChatPreview.vue
View File

@ -100,71 +100,63 @@ function isMe(message): boolean {
clear: both; clear: both;
} }
> div { padding: 20px 30px;
padding: 20px 30px;
&:after { > header {
content: ""; display: flex;
display: block; align-items: center;
clear: both; margin-bottom: 2px;
} white-space: nowrap;
overflow: hidden;
> header { > .name {
display: flex; margin: 0;
align-items: center; padding: 0;
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis;
> .name { font-size: 1em;
margin: 0; font-weight: bold;
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;
transition: all 0.1s ease; transition: all 0.1s ease;
} }
> .body { > .username {
> .text { margin: 0 8px;
display: block; }
margin: 0 0 0 0;
padding: 0;
overflow: hidden;
overflow-wrap: break-word;
font-size: 1.1em;
color: var(--faceText);
.me { > .time {
opacity: 0.7; margin: 0 0 0 auto;
} }
} }
> .image { > .avatar {
display: block; float: left;
max-width: 100%; width: 54px;
max-height: 512px; 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;
}
} }
} }