Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -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 { Children, type ReactElement, type ReactNode } from "react";
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 = ({
customIcon,
@ -79,7 +79,18 @@ export const Preference = ({
<SubP>{description}</SubP>
</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>
);
};