dexorder/web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style changes

Browse Source
This commit is contained in:
Tim Olson
2023-08-27 21:48:50 -04:00
parent 7f6a53ceb7
commit 054fe2cfa9
3 changed files with 23 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<div id="app"></div> <div id="app" class="app"></div>
<script src="/version.js"></script> <script src="/version.js"></script>
<script src="/generated.js"></script> <script src="/generated.js"></script>
<script type="module" src="/src/main.js"></script> <script type="module" src="/src/main.js"></script>

8
src/components/TimedOrderEntry.vue
View File

@@ -8,7 +8,7 @@
<v-btn @click="amountIsBase=!amountIsBase" variant="outlined" class="mr-2"> <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>
<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>
@@ -19,10 +19,10 @@
{{ amountIsTotal ? 'Split into' : 'Times' }} {{ amountIsTotal ? 'Split into' : 'Times' }}
</v-btn> </v-btn>
</template> </template>
<template v-slot:append-inner>Tranches</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 ? 'Completion time' : 'Time between tranches'">
<!-- <template v-slot:append>APART</template>--> <!-- <template v-slot:append>APART</template>-->
<template v-slot:prepend-inner> <template v-slot:prepend-inner>
<v-btn variant="outlined" :text="intervalIsTotal ? 'Within' : 'Spaced apart'" class="within mr-2" <v-btn variant="outlined" :text="intervalIsTotal ? 'Within' : 'Spaced apart'" class="within mr-2"
@@ -122,14 +122,12 @@ function validateAmount(v) {
} }
function validateMax(v) { function validateMax(v) {
console.log('validate max',v,isEmpty(v),minPrice,isEmpty(minPrice))
if( !isEmpty(minPrice.value) && !isEmpty(v) && parseFloat(v) < parseFloat(minPrice.value) ) if( !isEmpty(minPrice.value) && !isEmpty(v) && parseFloat(v) < parseFloat(minPrice.value) )
return 'Must be greater than the minimum price' return 'Must be greater than the minimum price'
return true return true
} }
function validateMin(v) { function validateMin(v) {
console.log('validate min',v,isEmpty(v),maxPrice,isEmpty(maxPrice))
if( !isEmpty(maxPrice.value) && !isEmpty(v) && parseFloat(v) > parseFloat(maxPrice.value) ) if( !isEmpty(maxPrice.value) && !isEmpty(v) && parseFloat(v) > parseFloat(maxPrice.value) )
return 'Must be less than the maximum price' return 'Must be less than the maximum price'
return true return true

38
src/styles/style.scss
View File

@@ -1,24 +1,24 @@
@use "/src/styles/vars" as v; @use "/src/styles/vars" as v;
//.app { .app {
// .v-btn { .v-btn {
// font-family: v.$heading-font-family; //font-family: v.$heading-font-family;
// text-transform: none; text-transform: none;
// } }
//
// .v-card-title { .v-card-title {
// font-family: v.$heading-font-family; font-family: v.$heading-font-family;
// color: v.$blue; //color: v.$blue;
// } }
//
// .title { .title {
// font-family: v.$heading-font-family; font-family: v.$heading-font-family;
// } }
//
// .v-list-subheader { .v-list-subheader {
// font-family: v.$heading-font-family; font-family: v.$heading-font-family;
// } }
//} }
.sc { .sc {