From e4e6f5fa86a475613dc9ea40545f4155728e1775 Mon Sep 17 00:00:00 2001
From: NCanggoro <ansianggoro@gmail.com>
Date: Wed, 4 Oct 2023 19:53:08 +0700
Subject: [PATCH] edit header

---
 src/components/Header/style.css               | 2 +-
 src/components/Separator/WithAnchor/index.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/style.css b/src/components/Header/style.css
index 13ed08b..fe66819 100644
--- a/src/components/Header/style.css
+++ b/src/components/Header/style.css
@@ -125,7 +125,7 @@
     display: none;
   }
 
-  form.search-input {
+  form.header-search-input {
     display: none;
     margin-left: 0;
   }
diff --git a/src/components/Separator/WithAnchor/index.tsx b/src/components/Separator/WithAnchor/index.tsx
index 103de18..5ac925e 100644
--- a/src/components/Separator/WithAnchor/index.tsx
+++ b/src/components/Separator/WithAnchor/index.tsx
@@ -4,12 +4,13 @@ type SeparatorProps = {
   pageName: String,
   pageLink: string,
   secondLink?: string,
+  titleStyles?: any
 }
 
 function SeparatorWithAnchor(props: SeparatorProps) {
   return (
     <div class={"flex flex-row justify-between divider mb-2"}>
-      <h1 className="text-sm font-bold" style={{ textTransform: 'uppercase' }}>
+      <h1 className="text-sm font-bold uppercase" style={props.titleStyles}>
         <a href={props.pageLink}>{props.pageName}</a>
       </h1>
       {props.secondLink &&