ami/tl-vikunja
1
0
Fork 0
Code

Improve preview spacing

Browse Source
This commit is contained in:
Elscrux 2024-05-25 12:06:23 +02:00
parent 8b066bf0e9
commit 4eb0df256c
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/tasks/partials/attachments.vue
View File

@ -39,7 +39,7 @@
:model-value="a" :model-value="a"
/> />
</div> </div>
<div> <div class="attachment-info-column">
<div class="filename"> <div class="filename">
{{ a.file.name }} {{ a.file.name }}
<span <span
@ -311,7 +311,6 @@ async function setCoverImage(attachment: IAttachment | null) {
grid-template-columns: 9rem 1fr; grid-template-columns: 9rem 1fr;
align-items: center; align-items: center;
margin-bottom: .5rem;
padding: .5rem; padding: .5rem;
transition: background-color $transition; transition: background-color $transition;
@ -336,6 +335,8 @@ async function setCoverImage(attachment: IAttachment | null) {
.info { .info {
color: var(--grey-500); color: var(--grey-500);
font-size: .9rem; font-size: .9rem;
display: flex;
flex-direction: column;
p { p {
margin-bottom: 0; margin-bottom: 0;
@ -393,6 +394,12 @@ async function setCoverImage(attachment: IAttachment | null) {
} }
} }
.attachment-info-column {
display: flex;
flex-flow: column wrap;
align-self: start;
}
.attachment-info-meta { .attachment-info-meta {
display: flex; display: flex;
align-items: center; align-items: center;
@ -455,10 +462,11 @@ async function setCoverImage(attachment: IAttachment | null) {
.preview-column { .preview-column {
max-width: 8rem; max-width: 8rem;
height: 5.2rem;
} }
.attachment-preview { .attachment-preview {
max-height: 4rem; height: 100%;
} }
.is-task-cover { .is-task-cover {