KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

chore: Update the design of the attachments preview (#2447)

Browse source
This commit is contained in:
Sivin Varghese 2021-06-20 19:54:57 +05:30 • committed by GitHub
parent e34fe1c614
commit f809431074
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
app/javascript/dashboard/components/widgets/AttachmentsPreview.vue
View file

@ -65,7 +65,11 @@ export default {
display: flex; display: flex;
padding: var(--space-slab) 0 0; padding: var(--space-slab) 0 0;
background: var(--color-background-light); background: var(--color-background-light);
background: transparent; background: var(--b-50);
border-radius: var(--border-radius-normal);
width: fit-content;
padding: var(--space-smaller);
margin-top: var(--space-normal);
} }
.thumb-wrap { .thumb-wrap {
@ -114,6 +118,8 @@ export default {
max-width: 50%; max-width: 50%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-left: var(--space-small);
.item { .item {
height: var(--space-normal); height: var(--space-normal);
overflow: hidden; overflow: hidden;
@ -123,7 +129,7 @@ export default {
} }
.file-size-wrap { .file-size-wrap {
width: 20%; width: 30%;
justify-content: center; justify-content: center;
} }