fix: branding

bgd-labs · Sep 28, 2023 · d664dea · d664dea
1 parent 81813c6
commit d664dea
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 49 deletions.
diff --git a/public/images/icons/twitterX.svg b/public/images/icons/twitterX.svg
diff --git a/src/proposals/components/proposal/DetailsShareLinks.tsx b/src/proposals/components/proposal/DetailsShareLinks.tsx
@@ -74,23 +74,13 @@ export function DetailsShareLinks({ ipfs, ipfsError }: DetailsShareLinksProps) {
       <StyledLink
         sx={(theme) => ({
           path: {
-            '&:last-of-type': {
-              fill: theme.palette.$appBackground,
-            },
-            '&:first-of-type': {
-              fill: theme.palette.$textDisabled,
-            },
+            fill: theme.palette.$textDisabled,
             transition: 'all 0.2s ease',
           },
           '&:hover': {
             color: theme.palette.$text,
             path: {
-              '&:last-of-type': {
-                fill: theme.palette.$appBackground,
-              },
-              '&:first-of-type': {
-                fill: theme.palette.$text,
-              },
+              fill: theme.palette.$text,
             },
           },
         })}

diff --git a/src/ui/components/Branding.tsx b/src/ui/components/Branding.tsx
@@ -24,18 +24,11 @@ export function Branding() {
     <Box
       className="Branding"
       sx={{
-        mt: 34,
+        mt: 28,
         position: 'relative',
         zIndex: 2,
         [theme.breakpoints.up('sm')]: {
-          mt: 0,
-          position: 'absolute',
-          right: 5,
-          top: 5,
-          zIndex: 101,
-        },
-        [theme.breakpoints.up('md')]: {
-          right: 40,
+          mt: 40,
         },
       }}>
       <Box
@@ -74,7 +67,15 @@ export function Branding() {
                   ml: 0,
                 },
                 [theme.breakpoints.up('sm')]: { ml: 6 },
-                hover: { opacity: 0.7 },
+                hover: {
+                  '.Branding__icon': {
+                    svg: {
+                      path: {
+                        fill: theme.palette.$text,
+                      },
+                    },
+                  },
+                },
               }}>
               <IconBox
                 className="Branding__icon"
@@ -88,13 +89,9 @@ export function Branding() {
                   '> svg': {
                     width: 20,
                     height: 20,
+                    transition: 'all 0.2s ease',
                     path: {
-                      '&:last-of-type': {
-                        fill: theme.palette.$appBackground,
-                      },
-                      '&:first-of-type': {
-                        fill: theme.palette.$textDisabled,
-                      },
+                      fill: theme.palette.$textDisabled,
                     },
                     [theme.breakpoints.up('sm')]: {
                       width: 14,

diff --git a/src/ui/utils/GlobalStyles.tsx b/src/ui/utils/GlobalStyles.tsx
@@ -213,12 +213,7 @@ export function GlobalStyles() {
         '.Branding__icon': {
           '> svg': {
             path: {
-              '&:last-of-type': {
-                fill: '#EDF0FC',
-              },
-              '&:first-of-type': {
-                fill: '#C6C3D1',
-              },
+              fill: '#C6C3D1',
             },
           },
         },
@@ -357,12 +352,7 @@ export function GlobalStyles() {
         '.Branding__icon': {
           '> svg': {
             path: {
-              '&:last-of-type': {
-                fill: '#1C2445',
-              },
-              '&:first-of-type': {
-                fill: '#47557C',
-              },
+              fill: '#47557C',
             },
           },
         },