chore(front): adjustments to hero hardlight z-index and border-radius

dgrebb · Sep 24, 2023 · 264e1f2 · 264e1f2
1 parent 2fa3fc7
commit 264e1f2
Showing 1 changed file with 5 additions and 3 deletions.
diff --git 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;