diff --git a/app/components/layout/GlobalSearch.module.css b/app/components/layout/GlobalSearch.module.css index 8f7d1d39c..7bf40a9d0 100644 --- a/app/components/layout/GlobalSearch.module.css +++ b/app/components/layout/GlobalSearch.module.css @@ -49,8 +49,9 @@ display: flex; align-items: flex-start; justify-content: center; - padding-top: 15vh; backdrop-filter: blur(10px); + padding: var(--layout-main-padding); + padding-top: 15vh; } .overlay[data-entering] { @@ -109,6 +110,10 @@ & input::placeholder { color: var(--color-text-high); } + + &:focus-within { + outline: none; + } } .inputIcon { @@ -132,7 +137,7 @@ } .listBoxItem[data-focused] { - background-color: var(--color-bg-higher); + background-color: var(--color-bg-high); } .listBoxItem[data-selected] { @@ -140,7 +145,7 @@ } .searchTypeContainer { - padding: calc(var(--s-2) + 1px) var(--s-4) var(--s-2); + padding: var(--s-4); border-bottom: 1px solid var(--color-border); } @@ -181,7 +186,7 @@ } .searchTypeRadioHovered { - background-color: var(--color-bg-higher); + background-color: var(--color-bg-high); } .searchTypeRadioFocusVisible { diff --git a/app/components/layout/GlobalSearch.tsx b/app/components/layout/GlobalSearch.tsx index 0ea3a9b73..d80b9dc29 100644 --- a/app/components/layout/GlobalSearch.tsx +++ b/app/components/layout/GlobalSearch.tsx @@ -134,7 +134,7 @@ export function GlobalSearch() { {t("common:search")} {isMac ? "Cmd+K" : "Ctrl+K"} - +