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

order view responsiveness

Browse Source
This commit is contained in:
Tim Olson
2023-11-10 18:38:55 -04:00
parent 7fd4b96e99
commit c83a09363d
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Orders.vue
View File

@@ -33,8 +33,8 @@
</td>
<td class="status">
<v-chip v-if="state===-1" prepend-icon="mdi-signature" color="yellow">Signing</v-chip>
<v-chip v-if="state===0" class="d-none d-lg-inline" prepend-icon="mdi-dots-horizontal" color="green">Open</v-chip>
<btn v-if="state===0" class="d-none d-sm-inline-block d-lg-none" icon="mdi-cancel" color="red" @click="cancelOrder(vaultAddr,index)">Cancel</btn>
<v-chip v-if="state===0" class="d-none d-lg-inline-flex" prepend-icon="mdi-dots-horizontal" color="green">Open</v-chip>
<btn v-if="state===0" class="d-none d-sm-inline-flex d-lg-none" icon="mdi-cancel" color="red" @click="cancelOrder(vaultAddr,index)">Cancel</btn>
<btn v-if="state===0" class="d-sm-none" variant="plain" icon="mdi-cancel" color="red" @click="cancelOrder(vaultAddr,index)"/>
<v-chip v-if="state===1" prepend-icon="mdi-cancel" color="red">Canceled</v-chip>
<v-chip v-if="state===2" prepend-icon="mdi-check-circle-outline" color="green">Completed</v-chip>

4
src/components/PhoneCard.vue
View File

@@ -2,11 +2,12 @@
<!-- todo use javascript media breakpoint instead of display classes so we dont double-render the slot -->
<div>
<!-- tablets and desktops get a card outline -->
<v-card class="d-none d-sm-block phone-card" :elevation="4">
<v-card class="d-none d-sm-block phone-card" :elevation="4" :title="title">
<slot/>
</v-card>
<!-- phones use the entire screen -->
<div class="d-sm-none pa-0">
<v-card-title>{{title}}</v-card-title>
<slot class="pa-0"/>
</div>
</div>
@@ -15,6 +16,7 @@
<script setup>
import {useStore} from "@/store/store";
const s = useStore()
const props = defineProps(['title'])
</script>