feat: wrap edit-task with card (#948)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/948
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>

src/components/tasks/edit-task.vue

@@ -1,4 +1,10 @@
 <template>
+	<card
+		class="taskedit"
+		:title="$t('list.list.editTask')"
+		@close="$emit('close')"
+		:has-close="true"
+	>
 	<form @submit.prevent="editTaskSubmit()">
 		<div class="field">
 			<label class="label" for="tasktext">{{ $t('task.attributes.title') }}</label>
@@ -66,6 +72,7 @@
 			{{ $t('task.openDetail') }}
 		</router-link>
 	</form>
+	</card>
 </template>
 
 <script>

src/components/tasks/gantt-component.vue

@@ -167,15 +167,13 @@
 			</x-button>
 		</form>
 		<transition name="fade">
-			<card
+			<edit-task 
 				v-if="isTaskEdit"
 				class="taskedit"
 				:title="$t('list.list.editTask')"
 				@close="() => {isTaskEdit = false;taskToEdit = null}"
-				:has-close="true"
-			>
-				<edit-task :task="taskToEdit"/>
-			</card>
+				:task="taskToEdit"
+			/>
 		</transition>
 	</div>
 </template>
@@ -612,7 +610,6 @@ $gantt-vertical-border-color: $grey-100;
 
 	.taskedit {
 		position: fixed;
-		min-height: 0;
 		top: 10vh;
 		right: 10vw;
 		z-index: 5;

src/components/tasks/partials/quick-add-magic.vue

@@ -11,7 +11,7 @@
 			:overflow="true"
 			variant="hint-modal"
 		>
-			<card class="has-background-white has-no-shadow" :title="$t('task.quickAddMagic.title')">
+			<card class="has-no-shadow" :title="$t('task.quickAddMagic.title')">
 				<p>{{ $t('task.quickAddMagic.intro') }}</p>
 
 				<h3>{{ $t('task.attributes.labels') }}</h3>