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>
<body>
<div id="app"></div>
<div id="app" class="app"></div>
<script src="/version.js"></script>
<script src="/generated.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">
{{ amountIsBase ? pair.tokenA.symbol : pair.tokenB.symbol }}
</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"/>
</template>
</v-text-field>
@@ -19,10 +19,10 @@
{{ amountIsTotal ? 'Split into' : 'Times' }}
</v-btn>
</template>
<template v-slot:append-inner>Tranches</template>
<template v-slot:append-inner>tranches</template>
</v-text-field>
<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:prepend-inner>
<v-btn variant="outlined" :text="intervalIsTotal ? 'Within' : 'Spaced apart'" class="within mr-2"
@@ -122,14 +122,12 @@ function validateAmount(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) )
return 'Must be greater than the minimum price'
return true
}
function validateMin(v) {
console.log('validate min',v,isEmpty(v),maxPrice,isEmpty(maxPrice))
if( !isEmpty(maxPrice.value) && !isEmpty(v) && parseFloat(v) > parseFloat(maxPrice.value) )
return 'Must be less than the maximum price'
return true

38
src/styles/style.scss
View File

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