8000 Contact fonts and form input ui updates · nehaparnani/vuejs-tailwindcss-portfolio@0726a42 · GitHub
Skip to content

Commit 0726a42

Browse files
realstomanrealstoman
committed
Contact fonts and form input ui updates
1 parent 0937452 commit 0726a42

File tree

2 files changed

+12
-12
lines changed

2 files changed

+12
-12
lines changed

‎src/components/contact/ContactDetails.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@
33
<div class="w-full md:w-1/2">
44
<div class="text-left max-w-xl px-6">
55
<h2
6-
class="text-2xl text-primary-dark dark:text-primary-light font-semibold mt-12 mb-8"
6+
class="font-general-medium text-2xl text-primary-dark dark:text-primary-light mt-12 mb-8"
77
>
88
Contact details
99
</h2>
10-
<ul class="">
10+
<ul class="font-general-medium">
1111
<li class="flex" v-for="contact in contacts" :key="contact.id">
1212
<i
1313
:data-feather="contact.icon"

‎src/components/contact/ContactForm.vue‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,18 @@
66
class="max-w-xl m-4 p-6 sm:p-10 bg-secondary-light dark:bg-secondary-dark rounded-xl shadow-xl text-left"
77
>
88
<p
9-
class="text-primary-dark dark:text-primary-light text-2xl font-semibold mb-8"
9+
class="font-general-medium text-primary-dark dark:text-primary-light text-2xl mb-8"
1010
>
1111
Contact Form
1212
</p>
13-
<div class="">
13+
<div class="font-general-medium">
1414
<label
1515
class="block text-lg text-primary-dark dark:text-primary-light mb-2"
1616
for="name"
1717
>Full Name</label
1818
>
1919
<input
20-
class="w-full px-5 py-2 border-0 text-primary-dark dark:text-secondary-light bg-ternary-light dark:bg-ternary-dark rounded-md shadow-sm text-md dark:font-medium"
20+
class="w-full px-5 py-2 border border-gray-300 dark:border-primary-dark border-opacity-50 text-primary-dark dark:text-secondary-light bg-ternary-light dark:bg-ternary-dark rounded-md shadow-sm text-md dark:font-medium"
2121
id="name"
2222
name="name"
2323
type="text"
@@ -26,14 +26,14 @@
2626
aria-label="Name"
2727
/>
2828
</div>
29-
<div class="mt-6">
29+
<div class="mt-6 font-general-medium">
3030
<label
3131
class="block text-lg text-primary-dark dark:text-primary-light mb-2"
3232
for="email"
3333
>Email</label
3434
>
3535
<input
36-
class="w-full px-5 py-2 border-0 text-primary-dark dark:text-secondary-light bg-ternary-light dark:bg-ternary-dark rounded-md shadow-sm text-md dark:font-medium"
36+
class="w-full px-5 py-2 border border-gray-300 dark:border-primary-dark border-opacity-50 text-primary-dark dark:text-secondary-light bg-ternary-light dark:bg-ternary-dark rounded-md shadow-sm text-md dark:font-medium"
3737
id="email"
3838
name="email"
3939
type="text"
@@ -42,14 +42,14 @@
4242
aria-label="Email"
4343
/>
4444
</div>
45-
<div class="mt-6">
45+
<div class="mt-6 font-general-medium">
4646
<label
4747
class="block text-lg text-primary-dark dark:text-primary-light mb-2"
4848
for="subject"
4949
>Subject</label
5050
>
5151
<input
52-
class="w-full px-5 py-2 border-0 text-primary-dark dark:text-secondary-light bg-ternary-light dark:bg-ternary-dark rounded-md shadow-sm text-md dark:font-medium"
52+
class="w-full px-5 py-2 border border-gray-300 dark:border-primary-dark border-opacity-50 text-primary-dark dark:text-secondary-light bg-ternary-light dark:bg-ternary-dark rounded-md shadow-sm text-md dark:font-medium"
5353
id="subject"
5454
name="subject"
5555
type="text"
@@ -59,14 +59,14 @@
5959
/>
6060
</div>
6161

62-
<div class="mt-6">
62+
<div class="mt-6 font-general-medium">
6363
<label
6464
class="block text-lg text-primary-dark dark:text-primary-light mb-2"
6565
for="message"
6666
>Message</label
6767
>
6868
<textarea
69-
class="w-full px-5 py-2 border-0 text-primary-dark dark:text-secondary-light bg-ternary-light dark:bg-ternary-dark rounded-md shadow-sm text-md dark:font-medium"
69+
class="w-full px-5 py-2 border border-gray-300 dark:border-primary-dark border-opacity-50 text-primary-dark dark:text-secondary-light bg-ternary-light dark:bg-ternary-dark rounded-md shadow-sm text-md dark:font-medium"
7070
id="message"
7171
name="message"
7272
cols="14"
@@ -77,7 +77,7 @@
7777

7878
<div class="mt-6">
7979
<button
80-
class="px-4 py-2.5 text-white font-medium tracking-wider bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 rounded-lg"
80+
class="font-general-medium px-4 py-2.5 text-white font-medium tracking-wider bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 rounded-lg"
8181
type="submit"
8282
aria-label="Send Message"
8383
>

0 commit comments

Comments
 (0)