From 264e1f2b61e8c2aecaaaf945047f0e084a2a7e93 Mon Sep 17 00:00:00 2001
From: Dan Grebb <dan@dgrebb.com>
Date: Sun, 24 Sep 2023 12:53:03 -0400
Subject: [PATCH] chore(front): adjustments to hero hardlight z-index and
 border-radius

---
 front/src/lib/styles/pages/post.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/front/src/lib/styles/pages/post.css b/front/src/lib/styles/pages/post.css
index 43bda3f0c..307fd1524 100644
--- a/front/src/lib/styles/pages/post.css
+++ b/front/src/lib/styles/pages/post.css
@@ -22,6 +22,7 @@
     display: block;
     position: relative;
     z-index: 1;
+    border-radius: 0.75rem;
     width: 100%;
     height: 277px;
     @screen sm {
@@ -36,13 +37,13 @@
     }
     &::before {
       position: absolute;
-      z-index: 6;
+      z-index: 20;
       mask:
         linear-gradient(3deg, #fff 0 0) content-box,
         linear-gradient(3deg, #fff 0 0);
       mask-composite: exclude;
       inset: 0;
-      border-radius: 0.25rem;
+      border-radius: 0.75rem;
       padding: 1px 1px 0 0;
       content: '';
     }
@@ -54,7 +55,7 @@
       transition-duration: 1s;
       transition-timing-function: var(--transform-timing-function);
       box-shadow: var(--shadow-elevation-medium);
-      border-radius: 0.25rem;
+      border-radius: 0.75rem;
       background-position: center bottom;
       background-size: cover;
       background-repeat: no-repeat;
@@ -72,6 +73,7 @@
       }
       &.hero-thumbnail {
         opacity: 1;
+        border-radius: 0.75rem;
         &::before {
           position: absolute;
           top: 0;