Răsfoiți Sursa

add indicator

Yuki Takei 4 ani în urmă
părinte
comite
8063af8c42

+ 3 - 0
packages/app/src/components/Navbar/GlobalSearch.tsx

@@ -83,6 +83,9 @@ const GlobalSearch: FC<Props> = (props: Props) => {
           onInputChange={text => setText(text)}
           onInputChange={text => setText(text)}
           onSubmit={search}
           onSubmit={search}
         />
         />
+        <span className="grw-shortcut-key-indicator">
+          <code className="bg-transparent text-muted">/</code>
+        </span>
       </div>
       </div>
     </div>
     </div>
   );
   );

+ 15 - 0
packages/app/src/styles/_search.scss

@@ -100,6 +100,21 @@
       border: none;
       border: none;
     }
     }
   }
   }
+
+  .grw-shortcut-key-indicator {
+    position: absolute;
+    top: 0;
+    right: 10px;
+
+    display: flex;
+    align-items: center;
+    height: 30px;
+
+    code {
+      padding-right: 0.4rem;
+      padding-left: 0.4rem;
+    }
+  }
 }
 }
 
 
 // layout
 // layout