update getRewardsFor function

src/components/TokenInput.vue

@@ -6,6 +6,7 @@
 					@input="emit('update:modelValue', $event.target.value)"
 					:value="props.modelValue"
 					:placeholder="0"
+					type="number"
 				/>
 				<div class="value-adder">
 					<slot class="value-adder" name="message"></slot>
@@ -29,6 +30,7 @@ import TokenLogo from "@/components/TokenLogo.vue";
 const props = defineProps({
 	modelValue: [String, Number],
 	logo: String,
+	max: Number,
 });
 
 const emit = defineEmits(["update:modelValue"]);
@@ -50,6 +52,12 @@ const emit = defineEmits(["update:modelValue"]);
             font-size: 24px
             border-radius: 16px
             padding: 0 16px
+            &::-webkit-outer-spin-button,
+            &::-webkit-inner-spin-button
+                -webkit-appearance: none
+                margin: 0
+            &[type=number]
+                -moz-appearance: textfield
             @media (min-width: 992px)
                 font-size: 24px
         .value-adder