feat - divider header

antoniorws · Oct 15, 2023 · b668b49 · b668b49
1 parent d921337
commit b668b49
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
@@ -56,10 +56,17 @@ const Header = () => {
           {tab.title}
         </Tab>
       ))}
+      <Divider/>
     </TabsNav>
   );
 };
 
+const Divider = styled.div`
+  background: linear-gradient(135deg, var(--background) 0%, var(--current-line) 40%, var(--purple) 50%, var(--current-line) 60%);
+  height: 3px;
+  margin: 0 30%;
+`;
+
 const TabsNav = styled.header`
   position: relative;
   margin-bottom: 5%;