feat: evm edit icon hovering (#794)

starknet-id · May 22, 2024 · d80ca1b · d80ca1b
1 parent 50098e1
commit d80ca1b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/components/identities/identityCard.tsx b/components/identities/identityCard.tsx
@@ -178,7 +178,10 @@ const IdentityCard: FunctionComponent<IdentityCardProps> = ({
                       },
                     }}
                   >
-                    <div onClick={() => setOpenModal(true)}>
+                    <div
+                      onClick={() => setOpenModal(true)}
+                      className={styles.editIcon}
+                    >
                       <EditIcon
                         width="16"
                         color={theme.palette.secondary.main}

diff --git a/styles/components/identityCard.module.css b/styles/components/identityCard.module.css
@@ -259,7 +259,18 @@
   height: 20px;
 }
 
-@media (min-width: 1024px) {
+.editIcon {
+  border-radius: 0.25rem;
+  padding: 2px;
+  transition: 0.1s;
+}
+
+.evmAddr:hover .editIcon {
+  background-color: var(--light-tertiary);
+}
+
+.editIcon:hover {
+  background-color: transparent !important;
 }
 
 @media (max-width: 1124px) {