Просмотр исходного кода

tweak(ui): search button style

David Hill 2 месяцев назад
Родитель
Сommit
431f5347af
1 измененных файлов с 5 добавлено и 3 удалено
  1. 5 3
      packages/app/src/components/session/session-header.tsx

+ 5 - 3
packages/app/src/components/session/session-header.tsx

@@ -304,9 +304,11 @@ export function SessionHeader() {
       <Show when={centerMount()}>
       <Show when={centerMount()}>
         {(mount) => (
         {(mount) => (
           <Portal mount={mount()}>
           <Portal mount={mount()}>
-            <button
+            <Button
               type="button"
               type="button"
-              class="hidden md:flex w-[240px] max-w-full min-w-0 h-[24px] pl-0.5 pr-2 items-center gap-2 justify-between rounded-md border border-border-weak-base bg-surface-panel transition-colors cursor-default hover:bg-surface-raised-base-hover focus-visible:bg-surface-raised-base-hover active:bg-surface-raised-base-active"
+              variant="ghost"
+              size="small"
+              class="hidden md:flex w-[240px] max-w-full min-w-0 pl-0.5 pr-2 items-center gap-2 justify-between rounded-md border border-border-weak-base bg-surface-panel shadow-none cursor-default"
               onClick={() => command.trigger("file.open")}
               onClick={() => command.trigger("file.open")}
               aria-label={language.t("session.header.searchFiles")}
               aria-label={language.t("session.header.searchFiles")}
             >
             >
@@ -322,7 +324,7 @@ export function SessionHeader() {
                   <Keybind class="shrink-0 !border-0 !bg-transparent !shadow-none px-0">{keybind()}</Keybind>
                   <Keybind class="shrink-0 !border-0 !bg-transparent !shadow-none px-0">{keybind()}</Keybind>
                 )}
                 )}
               </Show>
               </Show>
-            </button>
+            </Button>
           </Portal>
           </Portal>
         )}
         )}
       </Show>
       </Show>