diff --git a/scenes/layout/components/Layout.tsx b/scenes/layout/components/Layout.tsx index a52b1bfaa..4576a25b1 100644 --- a/scenes/layout/components/Layout.tsx +++ b/scenes/layout/components/Layout.tsx @@ -14,15 +14,14 @@ export function Layout(p: { children: JSXElement }) { setMenuExpanded((expanded) => !expanded); } - // TODO: why logo wide? return ( <>
- -
+
+ -
- + +
diff --git a/scenes/layout/components/SearchInput.tsx b/scenes/layout/components/SearchInput.tsx index 981b47a15..62959ddf4 100644 --- a/scenes/layout/components/SearchInput.tsx +++ b/scenes/layout/components/SearchInput.tsx @@ -4,7 +4,11 @@ import s from "../styles/SearchInput.module.css"; export function SearchInput() { return (
- +
); diff --git a/styles/global.css b/styles/global.css index 66295be8f..ad21e81e7 100644 --- a/styles/global.css +++ b/styles/global.css @@ -111,7 +111,7 @@ button.outlined { background-color: transparent; } -input { +input:not(.plain) { height: 1rem; padding: var(--s-4) var(--s-3); background-color: var(--bg-lighter); @@ -122,18 +122,18 @@ input { border: 1px solid var(--border); } -input:focus-within { +input:not(.plain):focus-within { outline: 2px solid var(--theme); border-color: transparent; } -input::placeholder { +input:not(.plain)::placeholder { color: var(--text-lighter); letter-spacing: 0.5px; font-weight: var(--semi-bold); } -input.error { +input:not(.plain).error { outline: 2px solid var(--theme-error); border-color: transparent; }