ryan
/
ryanmoon.com
1
0
Fork 0
Code Pull Requests Activity

fix contact form required & input outline

main
Ryan Moon 2023-12-06 02:18:10 -05:00
parent e69dba136a
commit 3478487b21
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/style/pages/_contact.scss
View File

@ -2,7 +2,7 @@
padding: 3rem 8.5rem 3rem 1rem;
.success {
padding: 2rem 8rem 0 0;
padding: 2rem 0;
}
form {
@ -53,7 +53,7 @@
&:focus {
border-color: $btns-color;
box-shadow: 0 0 0 .1rem $btns-color;
box-shadow: 0 0 0 .075rem $btns-color;
}
&::placeholder {

14
pages/contact.vue
View File

@ -27,8 +27,8 @@ ${ info.message }
if (info.test === undefined) {
mail.send({
from: 'message@ryanmoon.com',
subject: info.subject + ' - ' + info.name + ' sent a message',
from: 'msg@ryanmoon.com',
subject: info.name + ' - sent a ' + info.subject + ' msg',
text: details,
})
@ -51,16 +51,16 @@ ${ info.message }
<div class="group">
<label for="subject">Subject<span aria-hidden="true">*</span></label>
<select v-model="info.subject" id="subject" >
<option value="General" >General</option>
<option value="Inquiry" >Project Inquiry</option>
<option value="Misc" >Other</option>
<option value="general" >General</option>
<option value="inquiry" >Project Inquiry</option>
<option value="misc" >Other</option>
<option disabled selected hidden >---</option>
</select>
</div>
<div class="group">
<label for="company">Company</label>
<input v-model="info.company" id="company" type="text" placeholder="Your company" required="false" />
<input v-model="info.company" id="company" type="text" placeholder="Your company" />
</div>
<div class="group">
@ -77,7 +77,7 @@ ${ info.message }
</form>
<div class="success" v-if="info.sent">
<p>Success, your message has been sent. I'll get back to you as soon as possible.</p>
<p>Success, your message has been sent. I'll get back to you soon.</p>
</div>
</div>