feat: update header height

Author: edmoiseenkov

block-explorer/components/homepage/latest-blocks.tsx

@@ -47,7 +47,7 @@ export const LatestBlocks = (props: LatestBlocksProps) => {
                   <TimeAgoDate date={block.timestamp} />
                 </span>
               ) : (
-                <span className="text-xs text-[#FB923C]">Unfinalized</span>
+                <span className="text-xs text-text-warning-primary">Unfinalized</span>
               )}
             </DataItemCard>
           );

block-explorer/components/main-search.tsx

@@ -36,16 +36,16 @@ export default function MainSearch() {
 
   return (
     <div className="relative">
-      <RiSearchLine className="absolute left-4 top-3 -z-10 size-4 text-muted-foreground" />
+      <RiSearchLine className="absolute left-3 top-2 -z-10 size-4 text-muted-foreground" />
       <Input
         ref={inputRef}
-        className="px-10 focus:outline-0"
+        className="h-8 px-9 focus:outline-0"
         placeholder="Search by address / txn hash / block..."
         value={value}
         onChange={handleChangeValue}
         onKeyDown={handlePress}
       />
-      <div className="absolute right-2.5 top-2.5 -z-10 m-auto flex size-5 items-center justify-center rounded-[4px] bg-[#F5F5F5] text-muted-foreground dark:bg-[#1C1C1C]">
+      <div className="absolute right-1.5 top-1.5 -z-10 m-auto flex size-5 items-center justify-center rounded-[4px] bg-[#F5F5F5] text-muted-foreground dark:bg-[#1C1C1C]">
         <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
           <path d="M8.06061 2.33337H9.33334L5.9394 11.6667H4.66667L8.06061 2.33337Z" fill="currentColor" />
         </svg>

block-explorer/components/site-top-bar.tsx

@@ -12,24 +12,22 @@ export const SiteTopBar = () => {
   const isHomePage = pathname === '/';
 
   return (
-    <div className="border-b pb-[11px] pt-3">
-      <div className="container px-4 lg:px-8">
-        <div className="flex items-center justify-between gap-4">
-          <div className="hidden w-full select-none items-center gap-2 text-xs text-primary/80 lg:flex">
-            <OnlyMainnet>
-              <RootPrice />
-            </OnlyMainnet>
-            {isHomePage && <div className="hidden lg:flex-1" />}
-            <RiGasStationLine className="size-4 text-muted-foreground" />{' '}
-            <span className="text-muted-foreground">EVM Gas: </span>
-            <span>7500 Gwei</span>
-          </div>
-          {!isHomePage && (
-            <div className="w-full grow lg:max-w-[656px]">
-              <MainSearch />
-            </div>
-          )}
+    <div className="border-b">
+      <div className="container flex h-12 items-center justify-between gap-4 px-4 py-2 lg:px-8">
+        <div className="hidden w-full select-none items-center gap-2 text-xs text-primary/80 lg:flex">
+          <OnlyMainnet>
+            <RootPrice />
+          </OnlyMainnet>
+          {isHomePage && <div className="hidden lg:flex-1" />}
+          <RiGasStationLine className="size-4 text-muted-foreground" />{' '}
+          <span className="text-muted-foreground">EVM Gas: </span>
+          <span>7500 Gwei</span>
         </div>
+        {!isHomePage && (
+          <div className="w-full grow lg:max-w-[656px]">
+            <MainSearch />
+          </div>
+        )}
       </div>
     </div>
   );