feat: improve timeline on mobile

alan-w-u · alan-w-u · commit 51381e653365 · 2025-07-28T00:12:21.000-07:00
diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
@@ -129,6 +129,11 @@ const { title, description, icon, link, awards = [], year } = Astro.props;
   }
 
   @media (max-width: 1000px) {
+    .direct-arrow {
+      top: 0.5rem;
+      right: 0.5rem;
+    }
+
     .info-container {
       width: 100%;
     }
diff --git a/src/components/TimelineCard.astro b/src/components/TimelineCard.astro
@@ -59,8 +59,6 @@ const { year } = Astro.props;
   .card {
     position: relative;
     width: 85%;
-    min-width: 340px;
-    min-height: 160px;
     padding: 3rem;
     margin-top: var(--timeline-card-margin-top);
     margin-left: 4rem;
@@ -97,6 +95,8 @@ const { year } = Astro.props;
     }
 
     .card {
+      width: auto;
+      padding: 1rem;
       margin-top: 0;
       margin-left: 0;
     }

Original file line number	Diff line number	Diff line change
`@@ -129,6 +129,11 @@ const { title, description, icon, link, awards = [], year } = Astro.props;`
`129`	`129`	`}`
`130`	`130`
`131`	`131`	`@media (max-width: 1000px) {`
	`132`	`+ .direct-arrow {`
	`133`	`+ top: 0.5rem;`
	`134`	`+ right: 0.5rem;`
	`135`	`+ }`
	`136`	`+`
`132`	`137`	`.info-container {`
`133`	`138`	`width: 100%;`
`134`	`139`	`}`