Update WorkTile to allow more content, update MHD

adamplesnik · Jan 22, 2025 · 4ce04ca · 4ce04ca
1 parent 641bd60
commit 4ce04ca
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/src/components/WorkTile.tsx b/src/components/WorkTile.tsx
@@ -34,13 +34,13 @@ const WorkTile = ({
               {title}
             </Heading>
           )}
-          <div className="flex flex-col gap-4 md:flex-[2]">
+          <div className="flex flex-col gap-6 md:flex-[2]">
             {text && <Paragraph>{text}</Paragraph>}
             {more && (
               <>
                 <div
                   className={clsx(
-                    'overflow-hidden transition-[max-height] duration-500',
+                    'flex flex-col gap-6 overflow-hidden transition-[max-height] duration-500',
                     moreVisible ? 'max-h-[1000px] ease-in' : 'max-h-0 ease-out'
                   )}
                 >

diff --git a/src/content/mhd/index.tsx b/src/content/mhd/index.tsx
@@ -23,12 +23,14 @@ const SECOND_IMAGE = {
 
 const More = () => {
   return (
-    <Paragraph>
-      The original application is very complex and poorly designed. I simplified and polished the
-      user journey to make it more intuitive and less prone to errors. The new UI aims to be clear,
-      highly readable, and easy to use while in transit. This work is 100% guerilla, with a planned
-      pitch to the authorities.
-    </Paragraph>
+    <>
+      <Paragraph>
+        The original application is very complex and poorly designed. I simplified and polished the
+        user journey to make it more intuitive and less prone to errors. The new UI aims to be
+        clear, highly readable, and easy to use while in transit.
+      </Paragraph>
+      <Paragraph>This work is 100% guerilla, with a planned pitch to the authorities.</Paragraph>
+    </>
   )
 }