footer

src/components/chart/ChartFooter.vue

@@ -0,0 +1,34 @@
+<template>
+    <div class="w-100 d-flex flex-row justify-center align-center footer">
+      <div class="text-grey" style="font-size: small">&copy;{{ new Date().getFullYear() }}</div>
+      <div class="text-grey logo" style="font-size: small; margin-bottom: 0;">&nbsp;dexorder</div>
+      <social size="x-small"/>
+      <div class="text-grey tv" style="font-size: x-small">
+        <span>Charts by <a href="https://tradingview.com" target="TradingView">TradingView</a></span>
+      </div>
+    </div>
+</template>
+
+<script setup>
+
+import Social from "@/components/Social.vue";
+</script>
+
+<style scoped lang="scss">
+div.footer {
+    margin-left: 1em;
+    margin-right: 1em;
+}
+.tv {
+  margin-left: 1em;
+  a {
+    text-decoration: none;
+    &:visited {
+      color: grey;
+    }
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}
+</style>

src/components/chart/ToolbarPane.vue

@@ -6,12 +6,14 @@
     <div class="overflow-y-auto">
       <slot/>
     </div>
+    <chart-footer/>
   </div>
 </template>
 
 <script setup>
 
 import Toolbar from "@/components/chart/Toolbar.vue";
+import ChartFooter from "@/components/chart/ChartFooter.vue";
 
 const props = defineProps(['title', 'icon'])