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

Fix settings wrapping on small screens

Browse Source
This commit is contained in:
Zoe Roux 2024-05-23 14:19:54 +02:00
parent ad80fd3bde
commit 61e25f8b95
No known key found for this signature in database
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
front/packages/ui/src/settings/base.tsx
View File

@ -33,7 +33,7 @@ import {
import { useMutation, useQueryClient } from "@tanstack/react-query"; import { useMutation, useQueryClient } from "@tanstack/react-query";
import { Children, type ReactElement, type ReactNode } from "react"; import { Children, type ReactElement, type ReactNode } from "react";
import { type Falsy, View } from "react-native"; import { type Falsy, View } from "react-native";
import { px, rem, useYoshiki } from "yoshiki/native"; import { percent, px, rem, useYoshiki } from "yoshiki/native";
export const Preference = ({ export const Preference = ({
customIcon, customIcon,
@ -79,7 +79,18 @@ export const Preference = ({
<SubP>{description}</SubP> <SubP>{description}</SubP>
</View> </View>
</View> </View>
<View {...css({ marginX: ts(2), flexDirection: "row", gap: ts(1) })}>{children}</View> <View
{...css({
marginX: ts(2),
flexDirection: "row",
justifyContent: "flex-end",
gap: ts(1),
maxWidth: percent(50),
flexWrap: "wrap",
})}
>
{children}
</View>
</View> </View>
); );
}; };