formatting
This commit is contained in:
parent
ad89f51fb2
commit
c14f6be397
@ -72,7 +72,11 @@ async function handleSubmit(type?: string) {
|
||||
</div>
|
||||
</div>
|
||||
<div class="button-container">
|
||||
<button v-for="item in feedbackOptions" :key="item.value" class="btn" @click="handleSubmit(item.value)">
|
||||
<button
|
||||
v-for="item in feedbackOptions"
|
||||
:key="item.value"
|
||||
class="btn"
|
||||
@click="handleSubmit(item.value)">
|
||||
<span>{{ item.label }}</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -82,7 +86,10 @@ async function handleSubmit(type?: string) {
|
||||
<p class="desc">The wiki is...</p>
|
||||
<div>
|
||||
<span>{{ getFeedbackOption(feedback.feedbackType)?.label }}</span>
|
||||
<button style="margin-left: 0.5rem" class="btn" @click="feedback.feedbackType = undefined">
|
||||
<button
|
||||
style="margin-left: 0.5rem"
|
||||
class="btn"
|
||||
@click="feedback.feedbackType = undefined">
|
||||
<span class="i-carbon-close">close</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -100,7 +107,7 @@ async function handleSubmit(type?: string) {
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.step>*+* {
|
||||
.step > * + * {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
|
@ -6,13 +6,12 @@ const showModal = ref(false);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<button class="modal-button" @click="showModal = true">Show Modal</button>
|
||||
<button class="modal-button" @click="showModal = true">Feedback</button>
|
||||
|
||||
<Teleport to="body">
|
||||
<Transition name="modal">
|
||||
<div v-show="showModal" class="modal-mask">
|
||||
<div class="modal-container">
|
||||
<p>Send Feedback</p>
|
||||
<Feedback />
|
||||
<div class="model-footer">
|
||||
<button class="modal-button" @click="showModal = false">Close</button>
|
||||
|
@ -1,6 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import Field from "./PaneFields.vue";
|
||||
import Modal from "./Modal.vue"
|
||||
import Modal from "./Modal.vue";
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
Loading…
Reference in New Issue
Block a user