butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Improve file thumbnail channel layout

Browse source
This commit is contained in:
N-Pex 2024-12-03 10:55:25 +01:00
parent 54770770f9
commit 5ff466f38f
3 changed files with 33 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/assets/css/channel.scss
View file

@ -175,31 +175,37 @@
.thumbnail-item.file-item {
background-color: rgba(245,245,245,1);
border-radius: 8px;
padding: 15px 40px 15px 60px;
padding: 12px 40px 12px 76px;
align-items: start;
position: relative;
font-family: Inter;
font-size: 14 * $chat-text-size;
font-weight: 400;
line-height: 16.38 * $chat-text-size;
line-height: 16.8 * $chat-text-size;
letter-spacing: 0.4 * $chat-text-size;
text-align: left;
b {
font-weight: 600;
min-height: 80px;
.file-name {
font-weight: 700;
word-break: break-all;
text-overflow: ellipsis;
max-lines: 2;
line-clamp: 2;
-webkit-line-clamp: 2;
}
svg, .v-icon {
position: absolute;
top: 12px;
left: 12px;
width: 40px;
height: 40px;
width: 56px;
height: 56px;
}
&::after {
content: " ";
background: url("~@/assets/icons/ic_export.svg") no-repeat;
background-position: 0 0;
position: absolute;
right: 15px;
right: 12px;
height: 24px;
width: 24px;
margin: auto 0;
@ -207,6 +213,11 @@
&:hover {
opacity: 0.7;
}
.file-size {
font-size: 12 * $chat-text-size;
font-weight: 400;
line-height: 14.4 * $chat-text-size;
}
& .zip {
color: #0060e5;
}

15
src/assets/css/chat.scss
View file

@ -251,6 +251,7 @@ body {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-clamp: 4;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
@ -1612,6 +1613,16 @@ body {
margin-bottom: $chat-standard-padding-xs;
}
.thumbnail-item .zip {
color: #1d1d1d;
.thumbnail-item {
line-height: 16.38 * $chat-text-size;
.file-name {
font-weight: 700;
}
.file-size {
margin-top: 8px;
color: #61605F;
}
.zip {
color: #1d1d1d;
}
}