Update Footer, Icon

adamplesnik · Oct 2, 2024 · 70a18eb · 70a18eb
1 parent c58abda
commit 70a18eb
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
@@ -2,7 +2,7 @@ import clsx from 'clsx'
 import { LucideIcon } from 'lucide-react'
 
 const Icon = ({ Icon, className }: { Icon: LucideIcon; className?: string }) => {
-  return <Icon className={clsx('size-5 translate-y-1', className)} />
+  return <Icon className={clsx('size-5 translate-y-1', className)} strokeWidth={1.5} />
 }
 
 export default Icon
diff --git a/src/components/__snapshots__/Icon.test.tsx.snap b/src/components/__snapshots__/Icon.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`Icon 1`] = `
   stroke="currentColor"
   strokeLinecap="round"
   strokeLinejoin="round"
-  strokeWidth={2}
+  strokeWidth={1.5}
   viewBox="0 0 24 24"
   width={24}
   xmlns="http://www.w3.org/2000/svg"
@@ -66,7 +66,7 @@ exports[`Icon with class name 1`] = `
   stroke="currentColor"
   strokeLinecap="round"
   strokeLinejoin="round"
-  strokeWidth={2}
+  strokeWidth={1.5}
   viewBox="0 0 24 24"
   width={24}
   xmlns="http://www.w3.org/2000/svg"

diff --git a/src/partials/Footer.tsx b/src/partials/Footer.tsx
@@ -1,14 +1,19 @@
 import Em from '@/components/Em'
+import Icon from '@/components/Icon'
 import Link from '@/components/Link'
+import { Trees } from 'lucide-react'
 
 const Footer = () => {
   return (
-    <div className="mt-4 flex w-full flex-col gap-4 border-t border-t-zinc-300 pt-8 text-sm sm:justify-between">
-      <Em>Adam Plesník, Bratislava, Slovakia</Em>
-      <div className="flex flex-col gap-2 sm:items-end">
-        <Link href="https://github.com/adamplesnik">github.com/adamplesnik</Link>
-        <Link href="https://www.linkedin.com/in/adamplesnik/">linkedin.com/in/adamplesnik</Link>
-        <Link href="mailto:adam@adamplesnik.com">adam@adamplesnik.com</Link>
+    <div className="mt-4 flex w-full items-baseline gap-3 border-t border-t-zinc-300 pt-8 text-sm">
+      <Icon Icon={Trees} className="text-zinc-800" />
+      <div>
+        <Em className="block pb-6">Adam Plesník, Bratislava, Slovakia</Em>
+        <div className="flex flex-col gap-2">
+          <Link href="mailto:adam@adamplesnik.com">adam@adamplesnik.com</Link>
+          <Link href="https://github.com/adamplesnik">github.com/adamplesnik</Link>
+          <Link href="https://www.linkedin.com/in/adamplesnik/">linkedin.com/in/adamplesnik</Link>
+        </div>
       </div>
     </div>
   )