fix: design fix

Author: WrathChaos

example/App.tsx

@@ -1,7 +1,8 @@
 import React from "react";
 import { SafeAreaView, View, Image, Text, StatusBar } from "react-native";
 import LinearGradient from "react-native-linear-gradient";
-import CounterInput from "react-native-counter-input";
+// import CounterInput from "react-native-counter-input";
+import CounterInput from "./lib/CounterInput";
 
 const App = () => {
   return (

example/ios/Podfile.lock

@@ -466,4 +466,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 311cf87a4a33d759b7ec994ec3735e03d4ededbf
 
-COCOAPODS: 1.9.3
+COCOAPODS: 1.10.0.rc.1

lib/CounterInput.style.ts

@@ -6,20 +6,18 @@ interface Style {
 }
 
 export const _container = (
+  width: number | undefined,
   horizontal: boolean,
   backgroundColor: string,
-  width: number,
-  height: number,
   borderRadius: number,
 ): ViewStyle => ({
-  padding: horizontal ? 0 : 9,
-  flexDirection: horizontal ? "row" : "column",
   width: width,
-  maxWidth: horizontal ? undefined : 70,
-  height: height,
-  minHeight: horizontal ? 45 : 140,
   backgroundColor,
   borderRadius: borderRadius,
+  padding: horizontal ? 0 : 9,
+  minHeight: horizontal ? 45 : 140,
+  maxWidth: horizontal ? undefined : 70,
+  flexDirection: horizontal ? "row" : "column",
   alignItems: "center",
   justifyContent: "space-evenly",
   shadowRadius: 5,

lib/CounterInput.tsx

@@ -141,18 +141,11 @@ export default class CounterInput extends React.Component<
       horizontal = false,
       backgroundColor = "#fff",
       width = horizontal ? 170 : undefined,
-      height = horizontal ? 60 : undefined,
       borderRadius = 24,
     } = this.props;
     return (
       <View
-        style={_container(
-          horizontal,
-          backgroundColor,
-          width,
-          height,
-          borderRadius,
-        )}
+        style={_container(width, horizontal, backgroundColor, borderRadius)}
       >
         {this.renderIncreaseCounter()}
         {this.renderTextInput()}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-counter-input",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Counter Input with fully customizable options for React Native",
   "main": "./build/dist/CounterInput.js",
   "repository": "[email protected]:WrathChaos/react-native-counter-input.git",