separate how it works

This commit is contained in:
Tim
2024-04-29 16:10:52 -04:00
parent 083a8a6814
commit ffc4384315
19 changed files with 140 additions and 121 deletions

View File

@@ -1,26 +1,14 @@
<template>
<div class="d-flex mb-1 align-center w-100">
<logo class="d-flex align-end clickable logo-large" @click="$router.push('/order')" :alpha="true"/>
<!--
<div class="d-flex align-end clickable" @click="$router.push('/order')">
<span class="arrow align-self-start"><v-icon icon="mdi-arrow-up-bold" :color="theme.colors.success"/></span>
<span class="logo">dexorder</span>
<alpha class="pr-6"/>
</div>
-->
<!--
<div class="d-flex align-center">
</div>
-->
<logo class="d-flex align-end clickable logo-large" @click="nav('Order')" :alpha="true"/>
<slot/>
<div class="ml-auto d-flex align-center">
<!-- <v-icon :icon="icon" size="small"/>&nbsp;-->
<span class="title mr-4">{{title}}</span>
<toolbar-button tooltip="Order" icon="mdi-chart-timeline-variant" path="/order"/>
<toolbar-button tooltip="Order" icon="mdi-chart-timeline-variant" route="Order"/>
<!-- mdi-currency-btc mdi-currency-eth mdi-bank-outline mdi-safe-square-outline -->
<toolbar-button tooltip="Assets" icon="mdi-currency-btc" path="/assets"/>
<toolbar-button tooltip="Assets" icon="mdi-currency-btc" route="Assets"/>
<!-- mdi-format-list-checks mdi-format-list-bulleted-square -->
<toolbar-button tooltip="Status" icon="mdi-format-list-checks" path="/status"/>
<toolbar-button tooltip="Status" icon="mdi-format-list-checks" route="Status"/>
<v-btn variant="text" icon="mdi-help-circle-outline" text="Info" @click="showCorp"></v-btn>
</div>
</div>
@@ -33,6 +21,7 @@ import {useTheme} from "vuetify";
import ToolbarButton from "@/components/chart/ToolbarButton.vue";
import Alpha from "@/components/Alpha.vue";
import Logo from "@/components/Logo.vue";
import {nav} from "@/misc.js";
const props = defineProps(['title', 'icon'])