fix: text overlap with border in section layout

dscnitrourkela · Oct 15, 2023 · 54d74c2 · 54d74c2
1 parent 7d63935
commit 54d74c2
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/src/components/shared/SectionLayout.jsx b/src/components/shared/SectionLayout.jsx
@@ -22,12 +22,13 @@ export const SectionTitle = styled(Body1)`
   ${({ accent }) =>
     accent
       ? `
-    background: var(--brand-gradient);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: #EABCFF;
   `
-      : ''}
+      : ''}//background: var(--brand-gradient);
+  //-webkit-background-clip: text;
+  //
+  //background-clip: text;
+  //-webkit-text-fill-color: transparent;
 `;
 
 export const CustomHGroup = styled.hgroup`
@@ -48,12 +49,12 @@ const SectionHeader = ({ title }) => (
 
 const SectionFooter = ({ title, link }) => (
   <CustomHGroup>
+    <HorizontalLine />
     <Link to={link}>
       <SectionTitle accent right>
         {title}
       </SectionTitle>
     </Link>
-    <HorizontalLine />
   </CustomHGroup>
 );