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

14
pages/contact.vue
View File

@ -27,8 +27,8 @@ ${ info.message }
if (info.test === undefined) { if (info.test === undefined) {
mail.send({ mail.send({
from: 'message@ryanmoon.com', from: 'msg@ryanmoon.com',
subject: info.subject + ' - ' + info.name + ' sent a message', subject: info.name + ' - sent a ' + info.subject + ' msg',
text: details, text: details,
}) })
@ -51,16 +51,16 @@ ${ info.message }
<div class="group"> <div class="group">
<label for="subject">Subject<span aria-hidden="true">*</span></label> <label for="subject">Subject<span aria-hidden="true">*</span></label>
<select v-model="info.subject" id="subject" > <select v-model="info.subject" id="subject" >
<option value="General" >General</option> <option value="general" >General</option>
<option value="Inquiry" >Project Inquiry</option> <option value="inquiry" >Project Inquiry</option>
<option value="Misc" >Other</option> <option value="misc" >Other</option>
<option disabled selected hidden >---</option> <option disabled selected hidden >---</option>
</select> </select>
</div> </div>
<div class="group"> <div class="group">
<label for="company">Company</label> <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>
<div class="group"> <div class="group">
@ -77,7 +77,7 @@ ${ info.message }
</form> </form>
<div class="success" v-if="info.sent"> <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>
</div> </div>