Fix margin on <router-view>

This commit is contained in:
ekzyis 2023-11-28 01:35:24 +01:00
parent 3445693ef4
commit 4da3f3774b
1 changed files with 19 additions and 17 deletions

View File

@ -1,21 +1,23 @@
<template> <template>
<button type="button" :class="yesClass" class="label success font-mono mx-1 my-3" <div>
@click.prevent="toggleYes">YES</button> <button type="button" :class="yesClass" class="label success font-mono mx-1 my-3"
<button type="button" :class="noClass" class="label error font-mono mx-1 my-3" @click.prevent="toggleNo">NO</button> @click.prevent="toggleYes">YES</button>
<form v-show="showForm" @submit.prevent="submitForm"> <button type="button" :class="noClass" class="label error font-mono mx-1 my-3" @click.prevent="toggleNo">NO</button>
<label for="stake">how much?</label> <form v-show="showForm" @submit.prevent="submitForm">
<input name="stake" v-model="stake" type="number" min="0" placeholder="sats" required /> <label for="stake">how much?</label>
<label for="certainty">how sure?</label> <input name="stake" v-model="stake" type="number" min="0" placeholder="sats" required />
<input name="certainty" v-model="certainty" type="number" min="0.01" max="0.99" step="0.01" required /> <label for="certainty">how sure?</label>
<label>you receive:</label> <input name="certainty" v-model="certainty" type="number" min="0.01" max="0.99" step="0.01" required />
<label>{{ format(shares) }} {{ selected }} shares @ {{ format(price) }} sats</label> <label>you receive:</label>
<label>you pay:</label> <label>{{ format(shares) }} {{ selected }} shares @ {{ format(price) }} sats</label>
<label>{{ format(cost) }} sats</label> <label>you pay:</label>
<label>if you win:</label> <label>{{ format(cost) }} sats</label>
<label>{{ format(profit) }} sats</label> <label>if you win:</label>
<button class="col-span-2" type="submit">submit order</button> <label>{{ format(profit) }} sats</label>
</form> <button class="col-span-2" type="submit">submit order</button>
<div v-if="err" class="red text-center">{{ err }}</div> </form>
<div v-if="err" class="red text-center">{{ err }}</div>
</div>
</template> </template>
<script setup> <script setup>