NavSidebar search for non-logged-in

packages/app/src/Pages/DeckLayout.tsx

@@ -162,11 +162,11 @@ function MediaCol({ setThread }: { setThread: (e: NostrLink) => void }) {
   const { proxy } = useImgProxy();
   return (
     <div>
-      <div className="flex items-center gap-2 p-2 border-b border-gray-300">
+      <div className="flex items-center gap-2 p-2 border-b border-border-color">
         <Icon name="camera-lens" size={24} />
         <FormattedMessage defaultMessage="Media" id="hmZ3Bz" />
       </div>
-      <div className="grid grid-cols-3 gap-px p-1">
+      <div className="grid grid-cols-3 gap-1 p-1">
         <TimelineFollows
           postsOnly={true}
           liveStreams={false}

packages/app/src/Pages/Layout/NavSidebar.tsx

@@ -21,6 +21,7 @@ const MENU_ITEMS = [
     label: "Search",
     icon: "search",
     link: "/search",
+    nonLoggedIn: true,
   },
   {
     label: "Notifications",

packages/app/tailwind.config.js

@@ -6,6 +6,7 @@ module.exports = {
     extend: {
       colors: {
         "nearly-bg-color": "var(--nearly-bg-color)",
+        "border-color": "var(--border-color)",
       },
       textColor: {
         "nostr-blue": "var(--repost)",