Tuning

adamplesnik · Nov 28, 2024 · 6798bdb · 6798bdb
1 parent 99f918c
commit 6798bdb
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/src/components/WorkPreviewTile.tsx b/src/components/WorkPreviewTile.tsx
@@ -6,7 +6,9 @@ const WorkPreviewTile = ({ children, title, className, link }: WorkPreviewTilePr
   return (
     <a href={link} className={clsx('flex w-full flex-col gap-6 p-6 sm:p-8 md:p-12', className)}>
       <div className="flex flex-col gap-4 md:flex-1">{children}</div>
-      <Heading size={2}>{title} &rarr;</Heading>
+      <Heading size={2} className="hover:underline">
+        {title} &rarr;
+      </Heading>
     </a>
   )
 }

diff --git a/src/content/Footer.tsx b/src/content/Footer.tsx
@@ -1,15 +1,19 @@
 import Link from '@/components/Link'
+import Paragraph from '@/components/Paragraph'
 
 const Footer = () => {
   return (
-    <div className="flex h-svh flex-col justify-end gap-1 px-6 py-8 sm:px-8 md:px-12 md:py-12">
+    <Paragraph
+      big
+      className="flex h-svh flex-col justify-end gap-1 px-6 py-8 sm:px-8 md:px-12 md:py-12"
+    >
       <span className="font-medium">UX–UI designer</span>
       Bratislava, Slovakia
       <Link href="mailto:adam@adamplesnik.com" className="mt-12">
         adam@adamplesnik.com
       </Link>
       <Link href="https://github.com/adamplesnik">github.com/adamplesnik</Link>
-    </div>
+    </Paragraph>
   )
 }
 

diff --git a/src/pages/Work.tsx b/src/pages/Work.tsx
@@ -7,14 +7,14 @@ import WorkPhoto from '@/content/WorkPhoto'
 
 const Work = () => {
   return (
-    <>
+    <div className="flex flex-col gap-16">
       <WorkMHD />
       <WorkKolbord />
       <WorkThankful />
       <WorkComparator />
       <WorkAndy />
       <WorkPhoto />
-    </>
+    </div>
   )
 }
 

diff --git a/src/partials/Layout.tsx b/src/partials/Layout.tsx
@@ -7,7 +7,7 @@ const Layout = () => {
   return (
     <div className="flex flex-col pt-8">
       <ScrollRestoration />
-      <div className="items-basline sticky top-0 z-50 mb-12 flex h-16 w-full gap-8 bg-gradient-to-b from-white/80 px-6 pt-4 sm:px-8 md:px-12 dark:from-zinc-800/80">
+      <div className="sticky top-0 z-50 mb-12 flex h-16 w-full items-baseline gap-8 bg-gradient-to-b from-white/80 px-6 pt-5 sm:px-8 md:px-12 dark:from-zinc-800/80">
         <a href="/" className="cursor-pointer">
           <Heading size={1}>Adam Plesník</Heading>
         </a>