self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-07-16 00:14:34 +02:00
Code Issues Releases Activity

Mobile: Resolves #10592: Make mobile plugin settings screen UI closer to desktop (#10598)

Browse Source
This commit is contained in:
Henry Heino
2024-06-15 02:00:21 -07:00
committed by GitHub
parent a4a4170d49
commit e465b45d6e
13 changed files with 248 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/app-mobile/components/screens/ConfigScreen/plugins/PluginBox/index.tsx
View File

@ -8,9 +8,10 @@ import PluginChips from './PluginChips';
import { UpdateState } from '../utils/useUpdateState';
import { PluginCallback } from '../utils/usePluginCallbacks';
import { useCallback, useMemo } from 'react';
import { StyleSheet } from 'react-native';
import { StyleSheet, View } from 'react-native';
import InstallButton from '../buttons/InstallButton';
import PluginTitle from './PluginTitle';
import RecommendedBadge from './RecommendedBadge';
export enum InstallState {
NotInstalled,
@ -92,8 +93,13 @@ const PluginBox: React.FC<Props> = props => {
testID='plugin-card'
>
<Card.Content style={styles.content}>
<PluginTitle manifest={item.manifest} />
<Text numberOfLines={2}>{manifest.description}</Text>
<View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
<View style={{ flexShrink: 1 }}>
<PluginTitle manifest={item.manifest} />
<Text numberOfLines={2}>{manifest.description}</Text>
</View>
<RecommendedBadge manifest={item.manifest} isCompatible={props.isCompatible} themeId={props.themeId} />
</View>
<PluginChips
themeId={props.themeId}
item={props.item}