776bee889e
supercedes #135 adapted from https://git.pleroma.social/pleroma/pleroma-fe/-/merge_requests/1431 Co-authored-by: Tusooa Zhu <tusooa@kazv.moe> Co-authored-by: FloatingGhost <hannah@coffee-and-dreams.uk> Reviewed-on: https://akkoma.dev/AkkomaGang/pleroma-fe/pulls/140
39 lines
790 B
Vue
39 lines
790 B
Vue
<template>
|
|
<dialog-modal
|
|
v-body-scroll-lock="true"
|
|
class="confirm-modal"
|
|
:on-cancel="onCancel"
|
|
>
|
|
<template #header>
|
|
<span v-text="title" />
|
|
</template>
|
|
|
|
<slot />
|
|
|
|
<template #footer>
|
|
<button
|
|
class="btn button-default"
|
|
@click.prevent="onCancel"
|
|
v-text="cancelText"
|
|
/>
|
|
<button
|
|
class="btn button-default button-positive"
|
|
@click.prevent="onAccept"
|
|
v-text="confirmText"
|
|
/>
|
|
</template>
|
|
</dialog-modal>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
@import '../../_variables';
|
|
|
|
.confirm-modal {
|
|
.button-positive {
|
|
border: 3px solid var(--accent, $fallback--link);
|
|
border-radius: var(--btnRadius, $fallback--btnRadius);
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script src="./confirm_modal.js"></script>
|