diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro index b765d70d..388e0235 100644 --- a/src/components/ProjectCard.astro +++ b/src/components/ProjectCard.astro @@ -37,13 +37,15 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false

{description}

- {loadIssues && ( - - )} - @@ -60,6 +62,8 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false min-height: 200px; margin-bottom: 1.5rem; position: relative; + display: flex; + flex-direction: column; } .Card-Container::before { @@ -87,10 +91,8 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false } .Card-Real-Link { - display: block; text-decoration: none; color: inherit; - height: 100%; display: flex; flex-direction: column; position: relative; @@ -155,8 +157,16 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false margin: 0; } + .Card-Issues-Wrapper { + padding: 0 1.5rem 1rem; + position: relative; + z-index: 2; + } .Card-Link { + display: block; + text-decoration: none; + cursor: pointer; background: linear-gradient(135deg, rgba(102, 126, 234, 0.8) 0%, rgba(118, 75, 162, 0.8) 100%); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); @@ -170,6 +180,7 @@ const { projectLink, logoLink, name, description, tags = [], loadIssues = false transition: all 0.3s ease; position: relative; overflow: hidden; + z-index: 2; } .Card-Link::before {