Rounded corners all

Author: realstoman

src/components/AppBanner.vue

@@ -18,7 +18,7 @@
 				<a
 					download="Stoman-Resume.pdf"
 					href="/files/Stoman-Resume.pdf"
-					class="flex justify-center items-center w-36 sm:w-48 mt-12 mb-6 sm:mb-0 text-lg border border-indigo-200 dark:border-ternary-dark py-2.5 sm:py-3 shadow-lg rounded-xl bg-indigo-50 focus:ring-1 focus:ring-indigo-900 hover:bg-indigo-500 text-gray-500 hover:text-white"
+					class="flex justify-center items-center w-36 sm:w-48 mt-12 mb-6 sm:mb-0 text-lg border border-indigo-200 dark:border-ternary-dark py-2.5 sm:py-3 shadow-lg rounded-lg bg-indigo-50 focus:ring-1 focus:ring-indigo-900 hover:bg-indigo-500 text-gray-500 hover:text-white"
 					aria-label="Download Resume"
 				>
 					<i

src/components/AppHeader.vue

@@ -91,7 +91,7 @@
 					class="border-t-2 pt-3 sm:pt-0 sm:border-t-0 border-primary-light dark:border-secondary-dark"
 				>
 					<button
-						class="sm:hidden block text-left text-md font-medium bg-indigo-500 hover:bg-indigo-600 text-white shadow-sm rounded-md px-4 py-2 mt-2"
+						class="sm:hidden block text-left text-md font-medium bg-indigo-500 hover:bg-indigo-600 text-white shadow-sm rounded-sm px-4 py-2 mt-2"
 						@click="showModal()"
 						aria-label="Hire Me Button"
 					>
@@ -108,7 +108,7 @@
 				<!-- Hire me button start -->
 				<div>
 					<button
-						class="text-md font-medium bg-indigo-500 hover:bg-indigo-600 text-white shadow-sm rounded-lg px-5 py-2.5"
+						class="text-md font-medium bg-indigo-500 hover:bg-indigo-600 text-white shadow-sm rounded-md px-5 py-2.5"
 						@click="showModal()"
 						aria-label="Hire Me Button"
 					>

src/components/ProjectGallery.vue

@@ -8,7 +8,7 @@
 		>
 			<img
 				:src="projectImage.img"
-				class="rounded-2xl cursor-pointer shadow-lg sm:shadow-none"
+				class="rounded-xl cursor-pointer shadow-lg sm:shadow-none"
 				alt="{{ projectImage.title }}"
 			/>
 		</div>

src/components/ProjectInfo.vue

@@ -73,7 +73,10 @@
 						target="__blank"
 						aria-label="Share Project"
 						class="bg-ternary-light dark:bg-ternary-dark text-gray-400 hover:text-primary-dark dark:hover:text-primary-light p-2 rounded-lg shadow-sm"
-						><i :data-feather="social.icon" class="w-4 h-4"></i
+						><i
+							:data-feather="social.icon"
+							class="w-4 lg:w-5 h-4 lg:h-5"
+						></i
 					></a>
 				</div>
 			</div>

src/components/ProjectRelatedProjects.vue

@@ -13,7 +13,7 @@
 			<div v-for="item in relatedProject.relatedProjects" :key="item.id">
 				<img
 					:src="item.img"
-					class="rounded-2xl cursor-pointer"
+					class="rounded-xl cursor-pointer"
 					:alt="item.title"
 				/>
 			</div>