fix: z index on card-gradient (#29)

* fix: z index on card-gradient * chore: format * fix: missing properties * chore: remove stray padding * fix: icon width in nav
ory · Oct 14, 2022 · 1eccd6b · 1eccd6b
1 parent e41df34
commit 1eccd6b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 12 deletions.
diff --git a/src/theme/card-gradient.css.ts b/src/theme/card-gradient.css.ts
@@ -22,7 +22,6 @@ export const cardContainer = style({
       width: "100%",
       border: "0px",
       borderRadius: "0px",
-      padding: `0px 0px ${pxToRem(32)}`,
       maxWidth: pxToRem(294),
       minWidth: pxToRem(294),
     },
@@ -49,24 +48,17 @@ export const cardGradientOverlayStyle = recipe({
             display: "block",
             position: "absolute",
             opacity: "0.5",
+            width: "100%",
+            height: "100%",
             top: 0,
             left: 0,
             background:
               "linear-gradient(180deg, rgba(48, 48, 48, 0.85) 1.22%, rgba(48, 48, 48, 0.0001) 100%)",
             backgroundSize: "cover",
+            zIndex: -1,
           },
           "&:hover:before": {
-            content: " ",
-            display: "block",
-            position: "absolute",
             opacity: "0.9",
-            width: "100%",
-            height: "100%",
-            top: 0,
-            left: 0,
-            background:
-              "linear-gradient(180deg, rgba(48, 48, 48, 0.85) 1.22%, rgba(48, 48, 48, 0.0001) 100%)",
-            backgroundSize: "cover",
           },
         },
       },

diff --git a/src/theme/menu-link.css.ts b/src/theme/menu-link.css.ts
@@ -1,5 +1,5 @@
 import { style } from "@vanilla-extract/css"
-import { pxToRem } from "../common"
+import { pxToEm, pxToRem } from "../common"
 
 export const menuLinkStyle = style({
   boxSizing: "border-box",
@@ -14,6 +14,7 @@ export const menuLinkStyle = style({
 
 export const menuLinkIconLeftStyle = style({
   paddingRight: pxToRem(8),
+  width: pxToEm(18),
 })
 
 export const menuLinkTextStyle = style({