vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed margins

Browse Source
This commit is contained in:
Yannik
2024-07-12 22:26:52 +02:00
parent cdb2d186e4
commit e2d648353d
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ProjectCard.astro
View File

@@ -32,6 +32,7 @@ const { name, href, gallery } = Astro.props;
max-width: 40vw; max-width: 40vw;
transition: border-color 0.3s; transition: border-color 0.3s;
.gallery { .gallery {
margin-top: -25px;
img { img {
max-height: 250px; max-height: 250px;
margin: 20px 10px; margin: 20px 10px;
@@ -52,7 +53,7 @@ const { name, href, gallery } = Astro.props;
} }
@media (max-width: $responsive-width) { @media (max-width: $responsive-width) {
.gallery { .gallery {
margin-top: -30px; margin-top: -3px;
text-align: center; text-align: center;
* { * {
margin: 2px !important; margin: 2px !important;
@@ -63,8 +64,9 @@ const { name, href, gallery } = Astro.props;
<div class={href ? "content" : "content no-hover"}> <div class={href ? "content" : "content no-hover"}>
<a class="project-external" target={href ? "_blank" : ""} href={href}> <a class="project-external" target={href ? "_blank" : ""} href={href}>
<h2>{name}</h2><slot /><a <h2>{name}</h2><slot />
><div class="gallery"> <a>
<div class="gallery">
{ {
Array.isArray(gallery) ? ( Array.isArray(gallery) ? (
gallery.map((src) => <img loading="lazy" src={src} />) gallery.map((src) => <img loading="lazy" src={src} />)
@@ -72,7 +74,7 @@ const { name, href, gallery } = Astro.props;
<img loading="lazy" src={gallery as string} /> <img loading="lazy" src={gallery as string} />
) )
} }
</div></a </div>
></a </a>
> </a>
</div> </div>