improve project cards

hyprland-community · Jun 19, 2024 · 5d7da48 · 5d7da48
1 parent 2ea1fa3
commit 5d7da48
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/homepage/ProjectBanner.astro b/src/components/homepage/ProjectBanner.astro
@@ -26,14 +26,14 @@ const { src } = Astro.props
     src.split(".").at(-1) === "mp4" ?
       <video
         src={src}
-        class=" z-50 size-full object-cover transition-transform duration-700 group-hover:scale-[1.01]"
+        class="z-50 size-full object-cover transition-transform duration-700 group-hover:scale-[1.01]"
         playsinline
         muted
         loop
       />
     : <img
         src={src}
-        class=" size-full object-cover transition-transform duration-700 group-hover:scale-[1.01]"
+        class="size-full object-cover transition-transform duration-700 group-hover:scale-[1.01]"
         alt=""
       />
   }
@@ -56,6 +56,7 @@ const { src } = Astro.props
       height: 100%;
       flex-grow: 1;
       max-height: none;
+      width: 100%;
       clip-path: polygon(0 0, 100% 0, 100% 100%, 4rem 100%);
       @apply rounded-l-none rounded-r-3xl;
       flex-shrink: 9999;

diff --git a/src/components/homepage/ProjectCard.astro b/src/components/homepage/ProjectCard.astro
@@ -5,7 +5,7 @@ interface Props {
 ---
 
 <div
-  class="relative flex size-full h-[26rem] items-stretch bg-black @container"
+  class="relative flex size-full h-[26rem] items-stretch overflow-hidden rounded-3xl bg-black @container"
   class={Astro.props.class}
 >
   <slot />