outline fixes

This commit is contained in:
Tim Olson
2023-08-27 21:41:37 -04:00
parent 9f3cd4762e
commit 7f6a53ceb7

View File

@@ -5,28 +5,27 @@
<v-text-field label='Amount' type="number" step="1" variant="outlined" aria-valuemin="0" min="0" <v-text-field label='Amount' type="number" step="1" variant="outlined" aria-valuemin="0" min="0"
:model-value="amount" :rules="[validateRequired,validateAmount]" class="amount"> :model-value="amount" :rules="[validateRequired,validateAmount]" class="amount">
<template v-slot:append-inner> <template v-slot:append-inner>
<v-btn @click="amountIsBase=!amountIsBase" variant="outlined"> <v-btn @click="amountIsBase=!amountIsBase" variant="outlined" class="mr-2">
{{ amountIsBase ? pair.tokenA.symbol : pair.tokenB.symbol }} {{ amountIsBase ? pair.tokenA.symbol : pair.tokenB.symbol }}
</v-btn> </v-btn>
</template>
<template v-slot:append>
<v-btn :text="amountIsTotal ? 'Total' : 'Per Tranche'" variant="outlined" <v-btn :text="amountIsTotal ? 'Total' : 'Per Tranche'" variant="outlined"
@click="amountIsTotal=!amountIsTotal" class="total"/> @click="amountIsTotal=!amountIsTotal" class="total"/>
</template> </template>
</v-text-field> </v-text-field>
<v-text-field label="Tranches" type="number" variant="outlined" aria-valuemin="1" min="1" <v-text-field label="Tranches" type="number" variant="outlined" aria-valuemin="1" min="1"
:model-value="tranches" :rules="[validateRequired]"> :model-value="tranches" :rules="[validateRequired]">
<template v-slot:prepend> <template v-slot:prepend-inner>
<v-btn class="split-into" variant="outlined" @click="amountIsTotal=!amountIsTotal"> <v-btn class="split-into mr-2" variant="outlined" @click="amountIsTotal=!amountIsTotal">
{{ amountIsTotal ? 'Split into' : 'Times' }} {{ amountIsTotal ? 'Split into' : 'Times' }}
</v-btn> </v-btn>
</template> </template>
<template v-slot:append-inner>Tranches</template>
</v-text-field> </v-text-field>
<v-text-field type="number" variant="outlined" :min="1" v-model="interval" class="interval" <v-text-field type="number" variant="outlined" :min="1" v-model="interval" class="interval"
:label="intervalIsTotal ? 'Complete within' : 'Time between tranches'"> :label="intervalIsTotal ? 'Complete within' : 'Time between tranches'">
<!-- <template v-slot:append>APART</template>--> <!-- <template v-slot:append>APART</template>-->
<template v-slot:prepend> <template v-slot:prepend-inner>
<v-btn variant="outlined" :text="intervalIsTotal ? 'Within' : 'Spaced apart'" class="within" <v-btn variant="outlined" :text="intervalIsTotal ? 'Within' : 'Spaced apart'" class="within mr-2"
@click="intervalIsTotal=!intervalIsTotal"/> @click="intervalIsTotal=!intervalIsTotal"/>
</template> </template>
<template v-slot:append-inner> <template v-slot:append-inner>