No OneTemporary
Actions

Authored By

Unknown

Size

1 KB

Referenced Files

None

Subscribers

None

View Options

	diff --git a/src/components/confirm_modal/confirm_modal.vue b/src/components/confirm_modal/confirm_modal.vue
	index 239d8aacfe..1a8e0ad4e7 100644
	--- a/src/components/confirm_modal/confirm_modal.vue
	+++ b/src/components/confirm_modal/confirm_modal.vue
	@@ -1,70 +1,68 @@
	<template>
	<DialogModal
	v-body-scroll-lock="true"
	class="confirm-modal"
	@cancel="onCancel"
	>
	<template #header>
	<span v-text="title" />
	</template>

	<div class="content">
	<FAIcon
	icon="circle-question"
	size="3x"
	fixed-width
	/>
	<div class="text">
	<slot />
	</div>
	</div>

	<template #footer>
	<slot name="footerLeft" />
	<button
	class="btn button-default"
	:class="{ '-danger': confirmDanger }"
	@click.prevent="onAccept"
	v-text="confirmText"
	/>

	<button
	class="btn button-default"
	@click.prevent="onCancel"
	v-text="cancelText"
	/>
	</template>
	</DialogModal>
	</template>

	<script src="./confirm_modal.js"></script>
	<style lang="scss">
	.confirm-modal {
	- .dialog-modal-content {
	- padding: 0;
	- }
	-
	.content {
	display: flex;
	- align-items: start;
	+ align-items: center;
	text-align: left;
	- line-height: 1.4;
	+ justify-content: center;
	+ line-height: 1.5;

	p {
	- margin: 0.5em;
	+ margin: 0.75em;
	+ margin-right: 0;

	&:first-child {
	margin-top: 0;
	}

	&:last-child {
	margin-bottom: 0;
	}
	}
	}

	.text {
	max-width: 50ch;
	}
	}
	</style>