home page tweaks

src/components/Logo.vue

@@ -0,0 +1,19 @@
+<template>
+    <span class="d-inline-flex align-baseline">
+      <v-icon icon="mdi-arrow-up-bold" color="primary" class="arrow"/>
+      <span class="logo">dexorder</span>
+      <alpha v-if="alpha"/>
+    </span>
+</template>
+
+<script setup>
+
+import Alpha from "@/components/Alpha.vue";
+
+const props = defineProps({
+  alpha: {type: Boolean, default: true}
+})
+</script>
+
+<style scoped lang="scss">
+</style>

src/components/NeedsSigner.vue

@@ -2,11 +2,15 @@
   <slot v-if="pluginOk && loggedIn" v-bind="$props"/>
   <v-card v-if="!loggedIn" rounded="0">
     <v-card-title>
-      <v-icon icon="mdi-hand-wave" color="grey"/>&nbsp;Welcome to Dexorder Alpha!
+<!--      <v-icon icon="mdi-hand-wave" color="grey"/>-->
+      Welcome to Dexorder Alpha!
     </v-card-title>
     <v-card-text>
       This alpha test runs on the Dexorder Testnet blockchain, which gives you free testnet tokens to trade.
     </v-card-text>
+    <v-card-text>
+      Play with the order builder by clicking on the <logo :alpha="false" class="logo-small"/> logo or on the <v-icon icon="mdi-chart-timeline-variant"/> button.
+    </v-card-text>
     <div v-if="!pluginOk">
       <v-card-text>
         A cryptocurrency wallet such as <a href="https://metamask.io/download/" target="MetaMask">MetaMask</a> is
@@ -18,8 +22,10 @@
       </v-card-actions>
     </div>
 
-    <btn v-if="pluginOk" icon="mdi-wallet-outline" color="warning" variant="outlined"
-         @click="connect" :disabled="disabled" text="Connect Wallet"/>
+    <v-card-actions>
+      <btn v-if="pluginOk" icon="mdi-wallet-outline" color="warning" variant="outlined"
+           @click="connect" :disabled="disabled" text="Connect Wallet"/>
+    </v-card-actions>
     <div v-if="needsNetwork">
       <v-card-text>
         <table id="manualsetup">
@@ -66,6 +72,7 @@ import {computed, ref} from "vue";
 import {addTestnet, connectWallet, switchChain, useWalletStore} from "@/blockchain/wallet.js";
 import Btn from "@/components/Btn.vue";
 import CopyButton from "@/components/CopyButton.vue";
+import Logo from "@/components/Logo.vue";
 
 const s = useStore()
 const ws = useWalletStore()

src/components/chart/ChartOrder.vue

@@ -32,11 +32,14 @@
           <span :style="colorStyle" class="ma-3">Add condition:</span>
           <v-btn :color="color" variant="text" prepend-icon="mdi-clock-outline" @click="build(order,'DCABuilder')">DCA</v-btn>
           <v-btn :color="color" variant="text" prepend-icon="mdi-ray-vertex" @click="build(order,'LimitBuilder')">Limit</v-btn>
-      <!--    <v-btn variant="flat" prepend-icon="mdi-vector-line">Line</v-btn>-->
-          <!--
-          mdi-ray-start-end
-          mdi-vector-polyline
-          -->
+          <v-tooltip text="Coming Soon!" location="top">
+            <template v-slot:activator="{ props }">
+              <span v-bind="props">
+                <v-btn :color="color" variant="text" prepend-icon="mdi-vector-line" disabled>Diagonal</v-btn>
+              </span>
+            </template>
+          </v-tooltip>
+          <!-- mdi-ray-start-end mdi-vector-polyline -->
         </div>
       </div>
     </div>

src/components/chart/Toolbar.vue

@@ -1,10 +1,13 @@
 <template>
   <div class="d-flex mb-1 align-center w-100">
+    <logo class="d-flex align-end clickable logo-large" @click="$router.push('/order')"/>
+<!--
     <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>
@@ -29,6 +32,7 @@ import {useChartOrderStore} from "@/orderbuild.js";
 import {useTheme} from "vuetify";
 import ToolbarButton from "@/components/chart/ToolbarButton.vue";
 import Alpha from "@/components/Alpha.vue";
+import Logo from "@/components/Logo.vue";
 
 const props = defineProps(['title', 'icon'])