Fix section title being cut off from browser's search bar #2

kosserin · Feb 4, 2025 · f0e3499 · f0e3499
1 parent 8d264f2
commit f0e3499
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/src/components/HoverWrapper/HoverWrapper.jsx b/src/components/HoverWrapper/HoverWrapper.jsx
@@ -15,20 +15,17 @@ const StyledWrapper = styled.a`
     opacity: 0.4;
   }
 
-  &::before {
-    z-index: -1;
-    position: absolute;
-    content: "";
-    top: -32px;
-    left: -32px;
-    right: -32px;
-    bottom: -32px;
-    border-radius: 8px;
-  }
-
   @media screen and (min-width: 1080px) {
     &:hover {
       &::before {
+        z-index: -1;
+        position: absolute;
+        content: "";
+        top: -32px;
+        left: -32px;
+        right: -32px;
+        bottom: -32px;
+        border-radius: 8px;
         transition: all 250ms ease-in;
         background-color: rgba(255, 255, 255, 0.03);
       }

diff --git a/src/components/SectionTitle/SectionTitle.jsx b/src/components/SectionTitle/SectionTitle.jsx
@@ -5,7 +5,7 @@ const StyledTitle = styled.h3`
   color: var(--white);
   padding: var(--spacing-3) 5vw;
   position: sticky;
-  top: env(safe-area-inset-top, 0);
+  top: 0;
   left: 0;
   margin-inline: -5vw;
   z-index: 2;