Mirrors/notesnook
1
0
Fork 0
mirror of https://github.com/streetwriters/notesnook.git synced 2025-12-23 06:59:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix actionsheet for tablets

Browse Source
This commit is contained in:
ammarahm-ed
2020-01-24 18:48:33 +05:00
parent 73920ff802
commit 52b9d24118
3 changed files with 95 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/mobile/src/components/ActionSheetComponent/index.js
View File

@@ -359,8 +359,8 @@ export const ActionSheetComponent = ({
}}>
<View
style={{
width: DDS.isTab ? (w * 0.6) / 10 : w / 10,
height: DDS.isTab ? (w * 0.6) / 10 : w / 10,
width: DDS.isTab ? 500 / 10 : w / 10,
height: DDS.isTab ? 500 / 10 : w / 10,
backgroundColor: color,
borderRadius: 100,
justifyContent: 'center',
@@ -380,7 +380,7 @@ export const ActionSheetComponent = ({
key={rowItem.name}
style={{
alignItems: 'center',
width: DDS.isTab ? (w * 0.6) / rowItems.length : w / rowItems.length,
width: DDS.isTab ? 500 / rowItems.length : w / rowItems.length,
}}>
<Icon
style={{
@@ -391,16 +391,17 @@ export const ActionSheetComponent = ({
alignItems: 'center',
textAlign: 'center',
textAlignVertical: 'center',
marginBottom: DDS.isTab ? 7 : 3.5,
}}
name={rowItem.icon}
size={SIZE.lg}
size={DDS.isTab ? SIZE.xl : SIZE.lg}
color={colors.accent}
/>
<Text
style={{
fontFamily: WEIGHT.regular,
fontSize: SIZE.xs + 1,
fontSize: DDS.isTab ? SIZE.sm : SIZE.xs + 2,
color: colors.pri,
}}>
{rowItem.name}
@@ -423,7 +424,7 @@ export const ActionSheetComponent = ({
justifyContent: 'space-between',
alignItems: 'flex-end',
paddingHorizontal: 12,
paddingVertical: pv + 5,
paddingVertical: pv,
}}>
<View
style={{
@@ -485,7 +486,7 @@ export const ActionSheetComponent = ({
paddingBottom: 15,
backgroundColor: colors.bg,
width: '100%',
paddingHorizontal: 12,
paddingHorizontal: 0,
}}>
<View
style={{
@@ -564,6 +565,14 @@ export const ActionSheetComponent = ({
{columnItems.length > 0 ? (
<View>{columnItemsData.map(_renderColumnItem)}</View>
) : null}
{DDS.isTab ? (
<View
style={{
height: 20,
}}
/>
) : null}
</View>
);
};