refactor: modify edit icon instead of EditThisPage component

Basis-Theory · Dec 17, 2022 · 1dd6204 · 1dd6204 · vercel · Dec 17, 2022
1 parent 02a06e0
commit 1dd6204
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 35 deletions.
diff --git a/src/theme/EditThisPage/index.js b/src/theme/EditThisPage/index.js
diff --git a/src/theme/Icon/Edit/index.js b/src/theme/Icon/Edit/index.js
@@ -0,0 +1,10 @@
+import React from "react";
+import styles from "./styles.module.css";
+import Github from "@site/static/img/shared/github.svg";
+import clsx from "clsx";
+
+export default function IconEdit({ className, ...restProps }) {
+  return (
+    <Github className={clsx([styles["icon-edit"], className])} {...restProps} />
+  );
+}
diff --git a/src/theme/EditThisPage/index.module.css → src/theme/Icon/Edit/styles.module.css b/src/theme/EditThisPage/index.module.css → src/theme/Icon/Edit/styles.module.css
@@ -1,21 +1,15 @@
-.container {
+a:has(.icon-edit) {
   display: flex;
   align-items: center;
   font-weight: 600;
   font-size: 14px;
   line-height: 24px;
 }
 
-.container svg {
+.icon-edit {
   margin-right: 10px;
 }
 
-.container svg path {
+.icon-edit path {
   fill: var(--ifm-color-primary);
 }
-
-@media only screen and (max-width: 1024px) {
-  .container {
-    place-content: center;
-  }
-}