Buttons transitions

realstoman · realstoman · commit f61aeda1953a · 2022-01-27T17:30:05.000+04:30
diff --git a/src/components/shared/AppBanner.js b/src/components/shared/AppBanner.js
@@ -52,11 +52,13 @@ const AppBanner = () => {
 					<a
 						download="Stoman-Resume.pdf"
 						href="/files/Stoman-Resume.pdf"
-						className="font-general-medium 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"
+						className="font-general-medium 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 duration-500"
 						aria-label="Download Resume"
 					>
-						<FiArrowDownCircle className="mr-2 sm:mr-3 h-5 w-5 sn:w-6 sm:h-6"></FiArrowDownCircle>
-						<span className="text-sm sm:text-lg">Download CV</span>
+						<FiArrowDownCircle className="mr-2 sm:mr-3 h-5 w-5 sn:w-6 sm:h-6 duration-100"></FiArrowDownCircle>
+						<span className="text-sm sm:text-lg font-general-medium duration-100">
+							Download CV
+						</span>
 					</a>
 				</motion.div>
 			</div>
diff --git a/src/pages/Home.js b/src/pages/Home.js
@@ -16,7 +16,7 @@ const Home = () => {
 			<div className="mt-8 sm:mt-10 flex justify-center">
 				<Link
 					to="/projects"
-					className="font-general-medium flex items-center px-6 py-3 rounded-lg 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"
+					className="font-general-medium flex items-center px-6 py-3 rounded-lg 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 duration-300"
 					aria-label="More Projects"
 				>
 					<Button title="More Projects" />

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ const Home = () => {`
`16`	`16`	`<div className="mt-8 sm:mt-10 flex justify-center">`
`17`	`17`	`<Link`
`18`	`18`	`to="/projects"`
`19`		`- className="font-general-medium flex items-center px-6 py-3 rounded-lg 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"`
	`19`	`+ className="font-general-medium flex items-center px-6 py-3 rounded-lg 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 duration-300"`
`20`	`20`	`aria-label="More Projects"`
`21`	`21`	`>`
`22`	`22`	`<Button title="More Projects" />`