mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2025-03-03 20:07:11 +01:00
Code Issues Projects Releases Packages Wiki Activity

FIX: float button styles

Browse source
This commit is contained in:
Ivan Vershigora 2020-09-20 12:44:04 +03:00
parent de27d7a5c1
commit 27ceb71c4e
2 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
components/FloatButtons.js
View file

@ -5,7 +5,7 @@ import { View, Text, TouchableOpacity, StyleSheet, Dimensions, PixelRatio } from
import { BlueCurrentTheme } from './themes';
const BORDER_RADIUS = 30;
const ICON_MARGIN = 5;
const ICON_MARGIN = 7;
const cStyles = StyleSheet.create({
root: {
@ -32,7 +32,7 @@ export const FContainer = ({ children }) => {
const onLayout = event => {
if (flag.current) return;
const { width } = event.nativeEvent.layout;
const maxWidth = Dimensions.get('window').width - BORDER_RADIUS * 2 - 10;
const maxWidth = Dimensions.get('window').width - BORDER_RADIUS - 10;
const len = React.Children.count(children);
const newWidth = width * len > maxWidth ? Math.floor(maxWidth / len) : Math.ceil(width + ICON_MARGIN);
setNewWidth(newWidth);
@ -89,12 +89,12 @@ export const FButton = ({ text, icon, width, first, last, ...props }) => {
if (width) {
let totalWidth = width;
if (first) {
style.paddingLeft = BORDER_RADIUS;
totalWidth += BORDER_RADIUS;
style.paddingLeft = BORDER_RADIUS / 2;
totalWidth += BORDER_RADIUS / 2;
}
if (last) {
style.paddingRight = BORDER_RADIUS;
totalWidth += BORDER_RADIUS;
style.paddingRight = BORDER_RADIUS / 2;
totalWidth += BORDER_RADIUS / 2;
}
style.width = totalWidth;
}

4
screen/wallets/transactions.js
View file

@ -161,14 +161,10 @@ const styles = StyleSheet.create({
fontWeight: '600',
},
sendIcon: {
left: 5,
transform: [{ rotate: '225deg' }],
marginRight: 8,
},
receiveIcon: {
left: 5,
transform: [{ rotate: '-45deg' }],
marginRight: 8,
},
});