Fix some sizing issues of some scrollbars

This commit is contained in:
Zoe Roux 2023-11-02 00:46:37 +01:00
parent 47dc244a15
commit f8e887c1f2
3 changed files with 5 additions and 4 deletions

View File

@ -133,7 +133,6 @@ export const EpisodeList = <Props,>({
const sea = item?.firstOfSeason
? seasons?.find((x) => x.seasonNumber === item.seasonNumber)
: null;
console.log(sea, seasons);
return (
<>
{item.firstOfSeason && (

View File

@ -20,7 +20,7 @@
import { ReactElement } from "react";
import { MeQuery, Navbar } from "./navbar";
import { useYoshiki } from "yoshiki/native";
import { useYoshiki, vw } from "yoshiki/native";
import { Main } from "@kyoo/primitives";
export const DefaultLayout = ({
@ -49,8 +49,10 @@ export const DefaultLayout = ({
<Main
{...css({
display: "flex",
width: vw(100),
flexGrow: 1,
flexShrink: 1,
overflow: "hidden",
})}
>
{page}

View File

@ -81,7 +81,7 @@ const SearchBar = forwardRef<TextInput, Stylable>(function SearchBar(props, ref)
placeholder={t("navbar.search")}
placeholderTextColor={theme.light.overlay0}
{...tooltip(t("navbar.search"))}
{...css({ borderColor: (theme) => theme.colors.white, height: ts(4) }, props)}
{...css({ borderColor: (theme) => theme.colors.white, height: ts(4), flexShrink: 1 }, props)}
/>
);
});
@ -181,7 +181,7 @@ export const NavbarRight = () => {
const { push } = useRouter();
return (
<View {...css({ flexDirection: "row", alignItems: "center" })}>
<View {...css({ flexDirection: "row", alignItems: "center", flexShrink: 1 })}>
{Platform.OS === "web" ? (
<SearchBar />
) : (