Fix some themes issues

This commit is contained in:
Zoe Roux 2023-12-01 21:41:25 +01:00
parent ecd1b55fc6
commit d63c601812
3 changed files with 5 additions and 5 deletions

View File

@ -38,7 +38,7 @@ export const Input = forwardRef<
{...css( {...css(
[ [
{ {
borderColor: (theme) => theme.colors.white, borderColor: (theme) => theme.accent,
borderRadius: ts(1), borderRadius: ts(1),
borderWidth: px(1), borderWidth: px(1),
borderStyle: "solid", borderStyle: "solid",

View File

@ -23,7 +23,7 @@ import { ComponentProps, ComponentType, forwardRef, ReactElement, ReactNode } fr
import Link from "next/link"; import Link from "next/link";
import { PressableProps } from "react-native"; import { PressableProps } from "react-native";
import { useYoshiki } from "yoshiki/web"; import { useYoshiki } from "yoshiki/web";
import { px, useYoshiki as useNativeYoshiki, calc } from "yoshiki/native"; import { useYoshiki as useNativeYoshiki } from "yoshiki/native";
import { P } from "./text"; import { P } from "./text";
import { ContrastArea, SwitchVariant } from "./themes"; import { ContrastArea, SwitchVariant } from "./themes";
import { Icon } from "./icons"; import { Icon } from "./icons";
@ -162,7 +162,7 @@ const MenuItem = ({
alignItems: "center", alignItems: "center",
padding: "8px", padding: "8px",
height: "32px", height: "32px",
focus: focusReset as any, ...focusReset,
}, },
props as any, props as any,
)} )}

View File

@ -88,7 +88,7 @@ const SearchBar = forwardRef<TextInput, Stylable>(function SearchBar(props, ref)
}} }}
placeholder={t("navbar.search")} placeholder={t("navbar.search")}
{...tooltip(t("navbar.search"))} {...tooltip(t("navbar.search"))}
{...css({ height: ts(4), flexShrink: 1 }, props)} {...css({ height: ts(4), flexShrink: 1, borderColor: (theme) => theme.colors.white }, props)}
/> />
); );
}); });
@ -131,7 +131,7 @@ export const NavbarProfile = () => {
/> />
))} ))}
{accounts.length > 0 && <HR />} {accounts.length > 0 && <HR />}
{!accounts ? ( {!account ? (
<> <>
<Menu.Item label={t("login.login")} icon={Login} href="/login" /> <Menu.Item label={t("login.login")} icon={Login} href="/login" />
<Menu.Item label={t("login.register")} icon={Register} href="/register" /> <Menu.Item label={t("login.register")} icon={Register} href="/register" />