Footer responsive icons

realstoman · realstoman · commit 6e56c72f7929 · 2021-12-01T22:10:42.000+04:30
diff --git a/src/components/AppFooter.js b/src/components/AppFooter.js
@@ -52,7 +52,7 @@ const AppFooter = () => {
 								key={link.id}
 								className="text-gray-400 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer rounded-lg bg-gray-50 dark:bg-ternary-dark hover:bg-gray-100 shadow-sm p-4"
 							>
-								<i className="text-2xl md:text-3xl">
+								<i className="text-xl sm:text-2xl md:text-3xl">
 									{link.icon}
 								</i>
 							</a>

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ const AppFooter = () => {`
`52`	`52`	`key={link.id}`
`53`	`53`	`className="text-gray-400 hover:text-indigo-500 dark:hover:text-indigo-400 cursor-pointer rounded-lg bg-gray-50 dark:bg-ternary-dark hover:bg-gray-100 shadow-sm p-4"`
`54`	`54`	`>`
`55`		`- <i className="text-2xl md:text-3xl">`
	`55`	`+ <i className="text-xl sm:text-2xl md:text-3xl">`
`56`	`56`	`{link.icon}`
`57`	`57`	`</i>`
`58`	`58`	`</a>`