CW-2236 Added styles for plus icon

daostack · Oct 26, 2023 · 7589832 · 7589832
1 parent a724ca1
commit 7589832
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/...ommonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.module.scss b/...ommonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.module.scss
@@ -1,9 +1,17 @@
 @import "../../../../../../constants";
 @import "../../../../../../styles/sizes";
 
+.buttonIcon {
+  background-color: transparent;
+
+  &:hover {
+    background-color: $light-gray-1;
+  }
+}
+
 .icon {
-  width: 0.625rem;
-  height: 0.625rem;
+  width: 1rem;
+  height: 1rem;
   color: $c-gray-800;
 
   @include tablet {

diff --git a/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx b/src/pages/commonFeed/components/HeaderContent/components/NewStreamButton/NewStreamButton.tsx
@@ -43,16 +43,8 @@ const NewStreamButton: FC<NewStreamButtonProps> = (props) => {
   }
 
   const triggerEl = (
-    <ButtonIcon
-      variant={
-        isMobileVersion ? ButtonVariant.Transparent : ButtonVariant.PrimaryGray
-      }
-    >
-      {isMobileVersion ? (
-        <PlusIcon className={styles.icon} />
-      ) : (
-        <BoldPlusIcon className={styles.icon} />
-      )}
+    <ButtonIcon className={styles.buttonIcon}>
+      <PlusIcon className={styles.icon} />
     </ButtonIcon>
   );
   const menuProps = {