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

Cleanup settings page on android

Browse Source
This commit is contained in:
Zoe Roux 2024-01-10 22:33:50 +01:00
parent 9fe24cd115
commit c3dae2c704
2 changed files with 28 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
front/apps/mobile/app/(app)/settings/index.tsx Normal file
View File

@ -0,0 +1,23 @@
/*
* Kyoo - A portable and vast media library solution.
* Copyright (c) Kyoo.
*
* See AUTHORS.md and LICENSE file in the project root for full license information.
*
* Kyoo is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* any later version.
*
* Kyoo is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/
import { SettingsPage } from "@kyoo/ui";
export default SettingsPage;

10
front/packages/ui/src/settings/index.tsx
View File

@ -91,9 +91,9 @@ const Preference = ({
props,
)}
>
<View {...css({ flexDirection: "row", alignItems: "center" })}>
<View {...css({ flexDirection: "row", alignItems: "center", flexShrink: 1 })}>
<Icon icon={icon} {...css({ marginX: ts(2) })} />
<View>
<View {...css({ flexShrink: 1 })}>
<P {...css({ marginBottom: 0 })}>{label}</P>
<SubP>{description}</SubP>
</View>
@ -291,7 +291,7 @@ const AccountSettings = ({ setPopup }: { setPopup: (e?: ReactElement) => void })
licon={<Icon icon={Logout} {...css({ marginX: ts(1) })} />}
text={t("login.logout")}
onPress={logout}
{...css({ flex: 1 })}
{...css({ flexGrow: 1, flexShrink: 1, flexBasis: 0 })}
/>
<Button
licon={<Icon icon={Delete} {...css({ marginX: ts(1) })} />}
@ -315,7 +315,7 @@ const AccountSettings = ({ setPopup }: { setPopup: (e?: ReactElement) => void })
},
);
}}
{...css({ flex: 1 })}
{...css({ flexGrow: 1, flexShrink: 1, flexBasis: 0 })}
/>
</View>
}
@ -394,7 +394,7 @@ export const SettingsPage: QueryPage = () => {
const theme = useUserTheme("auto");
return (
<>
<ScrollView contentContainerStyle={{ gap: ts(4) }}>
<ScrollView contentContainerStyle={{ gap: ts(4), paddingBottom: ts(4) }}>
<SettingsContainer title={t("settings.general.label")}>
<Preference
icon={Theme}