Skip to content

Commit 479eb91

Browse files
realstomanrealstoman
committed
Projects grid and single project fonts upfated
1 parent 51cbe20 commit 479eb91

File tree

7 files changed

+28
-23
lines changed

7 files changed

+28
-23
lines changed

‎src/components/projects/ProjectHeader.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div>
33
<!-- Project heading and meta info -->
44
<p
5-
class="text-left text-3xl sm:text-4xl font-bold text-primary-dark dark:text-primary-light mt-14 sm:mt-20 mb-7"
5+
class="font-general-medium text-left text-3xl sm:text-4xl font-bold text-primary-dark dark:text-primary-light mt-14 sm:mt-20 mb-7"
66
>
77
{{ singleProjectHeader.singleProjectTitle }}
88
</p>
@@ -13,7 +13,7 @@
1313
class="w-4 h-4 text-ternary-dark dark:text-ternary-light"
1414
></i>
1515
<span
16-
class="ml-2 leading-none text-primary-dark dark:text-primary-light"
16+
class="font-general-medium ml-2 leading-none text-primary-dark dark:text-primary-light"
1717
>{{ singleProjectHeader.singleProjectDate }}</span
1818
>
1919
</div>
@@ -23,7 +23,7 @@
2323
class="w-4 h-4 text-ternary-dark dark:text-ternary-light"
2424
></i>
2525
<span
26-
class="ml-2 leading-none text-primary-dark dark:text-primary-light"
26+
class="font-general-medium ml-2 leading-none text-primary-dark dark:text-primary-light"
2727
>{{ singleProjectHeader.singleProjectTag }}</span
2828
>
2929
</div>

‎src/components/projects/ProjectInfo.vue‎

Lines changed: 13 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -6,15 +6,15 @@
66
<!-- Single project client details -->
77
<div class="mb-7">
88
<p
9-
class="text-2xl font-semibold text-secondary-dark dark:text-secondary-light mb-2"
9+
class="font-general-regular text-2xl font-semibold text-secondary-dark dark:text-secondary-light mb-2"
1010
>
1111
{{ projectInfo.clientHeading }}
1212
</p>
1313
<ul class="leading-loose">
1414
<li
1515
v-for="info in projectInfo.companyInfos"
1616
:key="info"
17-
class="text-ternary-dark dark:text-ternary-light"
17+
class="font-general-medium text-ternary-dark dark:text-ternary-light"
1818
>
1919
<span>{{ info.title }}: </span>
2020
<a
@@ -34,31 +34,35 @@
3434
<!-- Single project objectives -->
3535
<div class="mb-7">
3636
<p
37-
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
37+
class="font-general-regular text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
3838
>
3939
{{ projectInfo.objectivesHeading }}
4040
</p>
41-
<p class="text-primary-dark dark:text-ternary-light">
41+
<p
42+
class="font-general-medium text-primary-dark dark:text-ternary-light"
43+
>
4244
{{ projectInfo.objectivesDetails }}
4345
</p>
4446
</div>
4547

4648
<!-- Single project technologies -->
4749
<div class="mb-7">
4850
<p
49-
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
51+
class="font-general-regular text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
5052
>
5153
{{ projectInfo.technologies[0].title }}
5254
</p>
53-
<p class="text-primary-dark dark:text-ternary-light">
55+
<p
56+
class="font-general-medium text-primary-dark dark:text-ternary-light"
57+
>
5458
{{ projectInfo.technologies[0].techs.join(', ') }}
5559
</p>
5660
</div>
5761

5862
<!-- Single project social sharing -->
5963
<div>
6064
<p
61-
class="text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
65+
class="font-general-regular text-2xl font-semibold text-ternary-dark dark:text-ternary-light mb-2"
6266
>
6367
{{ projectInfo.socialSharingsHeading }}
6468
</p>
@@ -82,14 +86,14 @@
8286
<!-- Single project right section details -->
8387
<div class="w-full sm:w-2/3 text-left mt-10 sm:mt-0">
8488
<p
85-
class="text-primary-dark dark:text-primary-light text-2xl font-bold mb-7"
89+
class="font-general-regular text-primary-dark dark:text-primary-light text-2xl font-bold mb-7"
8690
>
8791
{{ projectInfo.projectDetailsHeading }}
8892
</p>
8993
<p
9094
v-for="projectDetail in projectInfo.projectDetails"
9195
:key="projectDetail.id"
92-
class="mb-5 text-lg text-ternary-dark dark:text-ternary-light"
96+
class="font-general-medium mb-5 text-lg text-ternary-dark dark:text-ternary-light"
9397
>
9498
{{ projectDetail.details }}
9599
</p>

‎src/components/projects/ProjectRelatedProjects.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
class="mt-10 pt-10 sm:pt-14 sm:mt-20 border-t-2 border-primary-light dark:border-secondary-dark"
55
>
66
<p
7-
class="text-primary-dark dark:text-primary-light text-3xl font-bold mb-10 sm:mb-14 text-left"
7+
class="font-general-regular text-primary-dark dark:text-primary-light text-3xl font-bold mb-10 sm:mb-14 text-left"
88
>
99
{{ relatedProject.relatedProjectsHeading }}
1010
</p>

‎src/components/projects/ProjectSingle.vue‎

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,13 +14,14 @@
1414
</div>
1515
<div class="text-center px-4 py-6">
1616
<p
17-
class="text-2xl text-ternary-dark dark:text-ternary-light font-semibold mb-2"
17+
class="font-general-medium text-xl text-ternary-dark dark:text-ternary-light font-semibold mb-2"
1818
>
1919
{{ project.title }}
2020
</p>
21-
<span class="text-lg text-ternary-dark dark:text-ternary-light">{{
22-
project.category
23-
}}</span>
21+
<span
22+
class="font-general-medium text-lg text-ternary-dark dark:text-ternary-light"
23+
>{{ project.category }}</span
24+
>
2425
</div>
2526
</router-link>
2627
</template>

‎src/components/projects/ProjectsFilter.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
@change="$emit('change', $event.target.value)"
66
:name="select"
77
:id="select"
8-
class="
8+
class="font-general-medium
99
px-4
1010
sm:px-6
1111
py-2

‎src/components/projects/ProjectsGrid.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<!-- Projects grid title -->
55
<div class="text-center">
66
<p
7-
class="text-2xl sm:text-5xl font-semibold mb-2 text-ternary-dark dark:text-ternary-light"
7+
class="font-general-semibold text-2xl sm:text-5xl font-semibold mb-2 text-ternary-dark dark:text-ternary-light"
88
>
99
{{ projectsHeading }}
1010
</p>
@@ -13,13 +13,13 @@
1313
<!-- Filter and search projects -->
1414
<div class="mt-10 sm:mt-10">
1515
<h3
16-
class="
16+
class="font-general-regular
1717
text-center text-secondary-dark
1818
dark:text-ternary-light
1919
text-md
2020
sm:text-xl
2121
font-normal
22-
mb-3
22+
mb-4
2323
"
2424
>
2525
Search projects by title or filter by category
@@ -54,7 +54,7 @@
5454
</span>
5555
<input
5656
v-model="searchProject"
57-
class="
57+
class="font-general-medium
5858
pl-3
5959
pr-1
6060
sm:px-4

‎src/views/Home.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<div class="mt-10 sm:mt-20 flex justify-center">
1111
<router-link
1212
to="/projects"
13-
class="flex items-center px-6 py-3 rounded-xl shadow-lg hover:shadow-xl bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 text-white text-lg sm:text-xl font-medium"
13+
class="font-general-medium flex items-center px-6 py-3 rounded-xl shadow-lg hover:shadow-xl bg-indigo-500 hover:bg-indigo-600 focus:ring-1 focus:ring-indigo-900 text-white text-lg sm:text-xl"
1414
aria-label="More Projects"
1515
>More Projects</router-link
1616
>

0 commit comments

Comments
 (0)