Create form abuse page (#731)
* Create form abuse page * Update iframe height in report-abuse.vue for improved user experience - Increased the minimum height of the iframe from 600px to 1000px to enhance visibility and usability of the abuse report form. This change aims to provide a better user experience by ensuring that the entire form is more easily accessible without the need for scrolling. --------- Co-authored-by: Julien Nahum <julien@nahum.net>
This commit is contained in:
36
client/pages/report-abuse.vue
Normal file
36
client/pages/report-abuse.vue
Normal file
@@ -0,0 +1,36 @@
|
||||
<template>
|
||||
<div>
|
||||
<div
|
||||
class="h-screen w-screen mt-4"
|
||||
style="height: 100%;"
|
||||
>
|
||||
<iframe
|
||||
id="opnform-form-abuse-report-wnociq"
|
||||
style="border:none;width:100%;min-height: 1000px;"
|
||||
src="https://opnform.com/forms/opnform-form-abuse-report-wnociq"
|
||||
/>
|
||||
</div>
|
||||
<open-form-footer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
useOpnSeoMeta({
|
||||
title: "Report Abuse",
|
||||
})
|
||||
definePageMeta({
|
||||
middleware: ["self-hosted"]
|
||||
})
|
||||
defineRouteRules({
|
||||
swr: 3600,
|
||||
})
|
||||
|
||||
useHead({
|
||||
script: [
|
||||
{
|
||||
src: 'https://opnform.com/widgets/iframe.min.js',
|
||||
onload: "initEmbed('opnform-form-abuse-report-wnociq')"
|
||||
}
|
||||
]
|
||||
})
|
||||
</script>
|
||||
Reference in New Issue
Block a user