prime8dev

commit 15bf3a2ec0786c389100d7ff7812e888fe6da1c5
parent 284cfd7668e95280a121ea1a23e9a81c4dc38adf
Author: Damian Myrda <damian@prime8.dev>
Date:   Wed, 21 Jan 2026 21:23:21 -0600

fix: truncate LinkedIn link and improve contact box sizing

Diffstat:
M
web/src/components/tabs/About.astro
 | 
21
+++++++--------------

1 file changed, 7 insertions(+), 14 deletions(-)
diff --git a/web/src/components/tabs/About.astro b/web/src/components/tabs/About.astro
@@ -44,7 +44,7 @@ const { wakaTimeData } = Astro.props;
           <a
             href={contact.linkedin}
             target="_blank"
-            rel="noopener noreferrer me">linkedin.com/in/damian-myrda</a
+            rel="noopener noreferrer me">...in/damian-myrda</a
           >
         </div>
       </div>
@@ -170,6 +170,8 @@ const { wakaTimeData } = Astro.props;
   .contact-box {
     border: 1px solid var(--border);
     padding: 12px;
+    width: 100%;
+    max-width: 280px;
   }
 
   .box-title {
@@ -372,25 +374,16 @@ const { wakaTimeData } = Astro.props;
     }
 
     .profile-image {
-      width: 120px;
-      min-width: 120px;
-      max-width: 120px;
+      width: 100px;
+      min-width: 100px;
+      max-width: 100px;
       height: auto;
-      align-self: stretch;
       object-fit: cover;
     }
 
     .contact-box {
       flex: 1;
-    }
-
-    .contact-item {
-      flex-direction: column;
-      gap: 2px;
-    }
-
-    .contact-item .label {
-      width: auto;
+      max-width: none;
     }
   }
 </style>