mirror of
https://github.com/spacedriveapp/spacedrive
synced 2024-07-04 13:23:28 +00:00
parent
d007b55763
commit
a4b7296b45
|
@ -50,7 +50,7 @@ export const Locations = ({ redirectToLocationSettings }: Props) => {
|
|||
SettingsStackScreenProps<'Settings'>['navigation']
|
||||
>();
|
||||
return (
|
||||
<ScreenContainer scrollview={false} style={tw`relative px-7 py-0`}>
|
||||
<ScreenContainer scrollview={false} style={tw`relative px-6 py-0`}>
|
||||
<Pressable
|
||||
style={tw`absolute bottom-7 right-7 z-10 h-12 w-12 items-center justify-center rounded-full bg-accent`}
|
||||
onPress={() => {
|
||||
|
@ -70,7 +70,7 @@ export const Locations = ({ redirectToLocationSettings }: Props) => {
|
|||
<FlatList
|
||||
data={filteredLocations}
|
||||
contentContainerStyle={twStyle(
|
||||
`py-5`,
|
||||
`py-6`,
|
||||
filteredLocations.length === 0 && 'h-full items-center justify-center'
|
||||
)}
|
||||
keyExtractor={(location) => location.id.toString()}
|
||||
|
|
|
@ -25,7 +25,7 @@ export default function Tags({ viewStyle = 'list' }: Props) {
|
|||
useNodes(tags.data?.nodes);
|
||||
const tagData = useCache(tags.data?.items);
|
||||
return (
|
||||
<ScreenContainer scrollview={false} style={tw`relative px-7 py-0`}>
|
||||
<ScreenContainer scrollview={false} style={tw`relative px-6 py-0`}>
|
||||
<Pressable
|
||||
style={tw`absolute bottom-7 right-7 z-10 flex h-12 w-12 items-center justify-center rounded-full bg-accent`}
|
||||
onPress={() => {
|
||||
|
@ -72,7 +72,7 @@ export default function Tags({ viewStyle = 'list' }: Props) {
|
|||
showsHorizontalScrollIndicator={false}
|
||||
ItemSeparatorComponent={() => <View style={tw`h-2.5`} />}
|
||||
contentContainerStyle={twStyle(
|
||||
`py-5`,
|
||||
`py-6`,
|
||||
tagData.length === 0 && 'h-full items-center justify-center'
|
||||
)}
|
||||
/>
|
||||
|
|
|
@ -126,7 +126,7 @@ const AppearanceSettingsScreen = ({
|
|||
// TODO: Hook this up to the theme store once light theme is fixed.
|
||||
|
||||
return (
|
||||
<ScreenContainer scrollview={false} style={tw`gap-2 px-7`}>
|
||||
<ScreenContainer scrollview={false} style={tw`gap-2 px-6`}>
|
||||
<SettingsTitle>Theme</SettingsTitle>
|
||||
<ScrollView
|
||||
horizontal
|
||||
|
|
|
@ -8,7 +8,7 @@ const ExtensionsSettingsScreen = ({
|
|||
navigation
|
||||
}: SettingsStackScreenProps<'ExtensionsSettings'>) => {
|
||||
return (
|
||||
<ScreenContainer style={tw`px-7`}>
|
||||
<ScreenContainer style={tw`px-6`}>
|
||||
<Text style={tw`text-ink`}>TODO</Text>
|
||||
</ScreenContainer>
|
||||
);
|
||||
|
|
|
@ -16,7 +16,7 @@ const GeneralSettingsScreen = ({ navigation }: SettingsStackScreenProps<'General
|
|||
if (!node) return null;
|
||||
|
||||
return (
|
||||
<ScreenContainer style={tw`justify-start gap-0 px-7`} scrollview={false}>
|
||||
<ScreenContainer style={tw`justify-start gap-0 px-6`} scrollview={false}>
|
||||
<Card style={tw`bg-app-box`}>
|
||||
{/* Card Header */}
|
||||
<View style={tw`flex flex-row justify-between`}>
|
||||
|
@ -38,7 +38,7 @@ const GeneralSettingsScreen = ({ navigation }: SettingsStackScreenProps<'General
|
|||
<SettingsTitle style={tw`mb-1`}>Node Name</SettingsTitle>
|
||||
<Input value={node.name} />
|
||||
{/* // TODO: Bring this back */}
|
||||
{/* <SettingsTitle style={tw`mb-1 mt-3`}>Node Port</SettingsTitle> */}
|
||||
{/* <SettingsTitle style={tw`mt-3 mb-1`}>Node Port</SettingsTitle> */}
|
||||
{/* <Input value={node.p2p_port?.toString() ?? '5795'} keyboardType="numeric" /> */}
|
||||
</Card>
|
||||
{debugState.enabled && (
|
||||
|
|
|
@ -92,7 +92,7 @@ const LibrarySettingsScreen = ({ navigation }: SettingsStackScreenProps<'Library
|
|||
const modalRef = useRef<ModalRef>(null);
|
||||
|
||||
return (
|
||||
<ScreenContainer style={tw`justify-start gap-0 px-7 py-0`} scrollview={false}>
|
||||
<ScreenContainer style={tw`justify-start gap-0 px-6 py-0`} scrollview={false}>
|
||||
<Fade
|
||||
fadeSides="top-bottom"
|
||||
orientation="vertical"
|
||||
|
|
|
@ -1,11 +1,11 @@
|
|||
import React from 'react';
|
||||
import { Text, View } from 'react-native';
|
||||
import { Text } from 'react-native';
|
||||
import ScreenContainer from '~/components/layout/ScreenContainer';
|
||||
import { tw } from '~/lib/tailwind';
|
||||
|
||||
const PrivacySettingsScreen = () => {
|
||||
return (
|
||||
<ScreenContainer scrollview={false} style={tw`px-7`}>
|
||||
<ScreenContainer scrollview={false} style={tw`px-6`}>
|
||||
<Text style={tw`text-ink`}>TODO</Text>
|
||||
</ScreenContainer>
|
||||
);
|
||||
|
|
|
@ -12,7 +12,7 @@ const AboutScreen = () => {
|
|||
const buildInfo = useBridgeQuery(['buildInfo']);
|
||||
|
||||
return (
|
||||
<ScreenContainer style={tw`justify-start gap-0 px-7 py-5`}>
|
||||
<ScreenContainer style={tw`justify-start gap-0 px-6`}>
|
||||
<View style={tw.style('flex flex-row items-center')}>
|
||||
<Image
|
||||
source={require('../../../../assets/icon.png')}
|
||||
|
|
|
@ -109,7 +109,7 @@ const EditLocationSettingsScreen = ({
|
|||
const fullRescan = useLibraryMutation('locations.fullRescan');
|
||||
|
||||
return (
|
||||
<ScreenContainer style={tw`px-7`}>
|
||||
<ScreenContainer style={tw`px-6`}>
|
||||
{/* Inputs */}
|
||||
<View>
|
||||
<SettingsTitle style={tw`mb-1`}>Display Name</SettingsTitle>
|
||||
|
|
|
@ -37,7 +37,7 @@ const LibraryGeneralSettingsScreen = (_: SettingsStackScreenProps<'LibraryGenera
|
|||
});
|
||||
|
||||
return (
|
||||
<ScreenContainer scrollview={false} style={tw`justify-start px-7 py-0`}>
|
||||
<ScreenContainer scrollview={false} style={tw`justify-start px-6 py-0`}>
|
||||
<View style={tw`pt-5`}>
|
||||
<SettingsTitle style={tw`mb-1`}>Name</SettingsTitle>
|
||||
<Controller
|
||||
|
|
|
@ -9,7 +9,7 @@ const NodesSettingsScreen = ({ navigation }: SettingsStackScreenProps<'NodesSett
|
|||
const onlineNodes = useDiscoveredPeers();
|
||||
|
||||
return (
|
||||
<ScreenContainer scrollview={false} style={tw`gap-0 px-7`}>
|
||||
<ScreenContainer scrollview={false} style={tw`gap-0 px-6`}>
|
||||
<Text style={tw`text-ink`}>Pairing</Text>
|
||||
|
||||
{[...onlineNodes.entries()].map(([id, node]) => (
|
||||
|
|
Loading…
Reference in a new issue