how it works

src/components/Logo.vue

@@ -1,9 +1,9 @@
 <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>
+  <span class="d-inline-flex align-center">
+    <v-icon icon="mdi-arrow-up-bold" color="primary" class="arrow"/>
+    <span class="logo">dexorder</span>
+    <alpha v-if="alpha"/>
+  </span>
 </template>
 
 <script setup>
@@ -11,7 +11,7 @@
 import Alpha from "@/components/Alpha.vue";
 
 const props = defineProps({
-  alpha: {type: Boolean, default: true}
+  alpha: {type: Boolean, default: false}
 })
 </script>
 

src/components/NeedsSigner.vue

@@ -9,7 +9,7 @@
       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.
+      Play with the order builder by clicking on the <logo 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>

src/components/chart/Toolbar.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="d-flex mb-1 align-center w-100">
-    <logo class="d-flex align-end clickable logo-large" @click="$router.push('/order')"/>
+    <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>