phares3757/netlify-nuxt-toolbox
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: remove named component

Browse Source
This commit is contained in:
Ben Hong
2022-02-23 10:29:49 -08:00
parent 87089d9efe
commit 652e8ccb7c
1 changed files with 0 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
components/feedbackForm.vue
View File

@ -1,51 +0,0 @@
<template>
<div class="feedback-form">
<form netlify netlify-honeypot method="post">
<p class="hidden">
<label>
Don’t fill this out if you’re human: <input name="bot-field" />
</label>
</p>
<input type="hidden" name="form-name" value="feedback" />
<label for="name">Name</label>
<input type="text" name="name" />
<label for="name">Email</label>
<input type="email" name="email" required />
<label for="feedback">What is your feedback?</label>
<textarea wrap="soft" name="feedback" required></textarea>
<button type="submit">Submit</button>
</form>
</div>
</template>
<style scoped>
.feedback-form {
margin: 40px 40px;
min-width: 300px;
width: 45%;
}
input,
textarea,
button {
font-size: inherit;
margin: 15px 0;
padding: 12px 20px;
width: 100%;
}
button {
background-color: teal;
border: 1px solid black;
color: white;
width: 50%;
}
.hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
</style>