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
- {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 {