darkmode

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="nav('Order')" :show-tag="true"/>
+    <logo class="d-flex align-end clickable logo-large ml-1" @click="nav('Order')" :show-tag="true" max-height="32"/>
     <slot/>
     <div class="ml-auto d-flex align-center">
       <span class="title mr-4">{{title}}</span>
@@ -9,7 +9,7 @@
       <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" route="Status"/>
-      <v-btn variant="text" icon="mdi-information-outline" text="Info" @click="showCorp"></v-btn>
+      <toolbar-button tooltip="About" icon="mdi-information-outline" href="https://dexorder.trade/home" target="dexorder-help"/>
     </div>
   </div>
 </template>
@@ -21,10 +21,6 @@ import {nav} from "@/misc.js";
 
 const props = defineProps(['title', 'icon'])
 
-function showCorp() {
-  window.open('https://dexorder.trade/', 'dexorder')
-}
-
 </script>
 
 <style scoped lang="scss">