Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-07-09 03:04:20 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix some sizing issues of some scrollbars

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
front/packages/ui/src/details/season.tsx
View File

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

4
front/packages/ui/src/layout.tsx
View File

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

4
front/packages/ui/src/navbar/index.tsx
View File

@ -81,7 +81,7 @@ const SearchBar = forwardRef<TextInput, Stylable>(function SearchBar(props, ref)
placeholder={t("navbar.search")} placeholder={t("navbar.search")}
placeholderTextColor={theme.light.overlay0} placeholderTextColor={theme.light.overlay0}
{...tooltip(t("navbar.search"))} {...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(); const { push } = useRouter();
return ( return (
<View {...css({ flexDirection: "row", alignItems: "center" })}> <View {...css({ flexDirection: "row", alignItems: "center", flexShrink: 1 })}>
{Platform.OS === "web" ? ( {Platform.OS === "web" ? (
<SearchBar /> <SearchBar />
) : ( ) : (