summaryrefslogtreecommitdiff
path: root/app/components/tweaks/tweaks.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'app/components/tweaks/tweaks.tsx')
-rw-r--r--app/components/tweaks/tweaks.tsx25
1 files changed, 15 insertions, 10 deletions
diff --git a/app/components/tweaks/tweaks.tsx b/app/components/tweaks/tweaks.tsx
index 3bfeb6e..08a5e2a 100644
--- a/app/components/tweaks/tweaks.tsx
+++ b/app/components/tweaks/tweaks.tsx
@@ -133,10 +133,12 @@ export const Tweaks = observer(function Tweaks(props: TweaksProps): JSX.Element
setPhysics({ ...physics, collision: !physics.collision })
}}
/>
- <Text preset="fieldLabel" text={"Alhpa Decay: " + physics.alphaDecay} />
+ <Text preset="fieldLabel" text={"Alpha Decay: " + physics.alphaDecay} />
<Slider
+ style={styles.slider}
minimumTrackTintColor="#a991f1"
maximumTrackTintColor="#242730"
+ thumbTintColor="#a991f1"
minimumValue={0}
maximumValue={1}
onValueChange={(value) => {
@@ -585,16 +587,19 @@ export const Tweaks = observer(function Tweaks(props: TweaksProps): JSX.Element
const styles = StyleSheet.create({
container: {
- flex: 1,
+ //flex: 1,
backgroundColor: "#2a2e38",
- position: "absolute",
- zIndex: 100,
- left: 50,
- top: 50,
- width: 250,
- borderRadius: 5,
+ position: "relative",
+ zIndex: 5,
+ marginLeft: "3%",
+ marginTop: "3%",
+ maxWidth: 275,
+ borderRadius: 10,
borderStyle: "solid",
- maxHeight: "70%",
+ borderWidth: 10,
+ borderColor: "#2a2e38",
+ height: "25%",
+ maxHeight: "80%",
paddingBottom: 20,
},
title: {
@@ -602,7 +607,7 @@ const styles = StyleSheet.create({
fontSize: 22,
fontWeight: "300",
marginBottom: 20,
- paddingLeft: 20,
+ paddingLeft: 10,
},
header: {
backgroundColor: "#2a2e38",