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