formatting

This commit is contained in:
taskylizard 2023-11-02 00:50:22 +05:30
parent ad89f51fb2
commit c14f6be397
No known key found for this signature in database
GPG Key ID: 5CABA3D642DDC497
3 changed files with 12 additions and 6 deletions

View File

@ -72,7 +72,11 @@ async function handleSubmit(type?: string) {
</div> </div>
</div> </div>
<div class="button-container"> <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> <span>{{ item.label }}</span>
</button> </button>
</div> </div>
@ -82,7 +86,10 @@ async function handleSubmit(type?: string) {
<p class="desc">The wiki is...</p> <p class="desc">The wiki is...</p>
<div> <div>
<span>{{ getFeedbackOption(feedback.feedbackType)?.label }}</span> <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> <span class="i-carbon-close">close</span>
</button> </button>
</div> </div>
@ -100,7 +107,7 @@ async function handleSubmit(type?: string) {
</template> </template>
<style scoped> <style scoped>
.step>*+* { .step > * + * {
margin-top: 1rem; margin-top: 1rem;
} }

View File

@ -6,13 +6,12 @@ const showModal = ref(false);
</script> </script>
<template> <template>
<button class="modal-button" @click="showModal = true">Show Modal</button> <button class="modal-button" @click="showModal = true">Feedback</button>
<Teleport to="body"> <Teleport to="body">
<Transition name="modal"> <Transition name="modal">
<div v-show="showModal" class="modal-mask"> <div v-show="showModal" class="modal-mask">
<div class="modal-container"> <div class="modal-container">
<p>Send Feedback</p>
<Feedback /> <Feedback />
<div class="model-footer"> <div class="model-footer">
<button class="modal-button" @click="showModal = false">Close</button> <button class="modal-button" @click="showModal = false">Close</button>

View File

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import Field from "./PaneFields.vue"; import Field from "./PaneFields.vue";
import Modal from "./Modal.vue" import Modal from "./Modal.vue";
</script> </script>
<template> <template>