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>
<div class="header">
<div class="modal-header">
<slot name="header" />
</div>
<div class="content">
@ -140,7 +140,7 @@ $modal-width: 1024px;
transform: none;
}
.header {
.modal-header {
font-size: 2rem;
font-weight: 700;
}
@ -241,6 +241,14 @@ $modal-width: 1024px;
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 lang="scss">

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

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