ami/tl-vikunja
1
0
Fork 0
Code

fix(task): improve task delete modal on mobile

Browse Source 
(cherry picked from commit 9f9b00144b8175defbddd14422cae9af4d65af54)
This commit is contained in:
kolaente 2024-09-29 13:47:35 +02:00
parent ab29ac7a5c
commit 33c9ea802a
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/misc/Modal.vue
View File

@ -34,7 +34,7 @@
}" }"
> >
<slot> <slot>
<div class="header"> <div class="modal-header">
<slot name="header" /> <slot name="header" />
</div> </div>
<div class="content"> <div class="content">
@ -140,7 +140,7 @@ $modal-width: 1024px;
transform: none; transform: none;
} }
.header { .modal-header {
font-size: 2rem; font-size: 2rem;
font-weight: 700; font-weight: 700;
} }
@ -241,6 +241,14 @@ $modal-width: 1024px;
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
} }
.modal-content:has(.modal-header) {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 1rem;
min-height: 100vh
}
</style> </style>
<style lang="scss"> <style lang="scss">

6
frontend/src/views/tasks/TaskDetailView.vue
View File

@ -573,8 +573,10 @@
</template> </template>
<template #text> <template #text>
<p> <p class="tw-text-balance !tw-mb-0">
{{ $t('task.detail.delete.text1') }}<br> {{ $t('task.detail.delete.text1') }}
</p>
<p class="tw-text-balance">
{{ $t('task.detail.delete.text2') }} {{ $t('task.detail.delete.text2') }}
</p> </p>
</template> </template>