Merge pull request #88 from torusresearch/feat/solana-demo-revamp-ui

Feat/solana demo revamp UI
torusresearch · Jun 30, 2023 · 94c7a34 · 94c7a34
2 parents 907f3d2 + 2856e53
commit 94c7a34
Show file tree

Hide file tree

Showing 12 changed files with 763 additions and 1,186 deletions.
diff --git a/examples/vue-app/package-lock.json b/examples/vue-app/package-lock.json
diff --git a/examples/vue-app/package.json b/examples/vue-app/package.json
@@ -13,7 +13,7 @@
     "@project-serum/borsh": "^0.2.3",
     "@solana/spl-token": "^0.1.8",
     "@solana/web3.js": "^1.63.1",
-    "@toruslabs/solana-embed": "file:../../toruslabs-solana-embed-0.3.0.tgz",
+    "@toruslabs/solana-embed": "file:../../",
     "@types/elliptic": "^6.4.14",
     "bs58": "^4.0.1",
     "copy-to-clipboard": "^3.3.1",

diff --git a/examples/vue-app/public/favicon.ico b/examples/vue-app/public/favicon.ico
diff --git a/examples/vue-app/public/index.html b/examples/vue-app/public/index.html
@@ -1,15 +1,22 @@
 <!DOCTYPE html>
 <html lang="">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <title>Solana Demo</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to
+        continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->

diff --git a/examples/vue-app/src/App.vue b/examples/vue-app/src/App.vue
@@ -1,31 +1,25 @@
 <template>
-  <HelloWorld/>
+  <Dashboard />
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
-import HelloWorld from './components/HelloWorld.vue';
+import { defineComponent } from "vue";
+import Dashboard from "./components/Dashboard";
 
 export default defineComponent({
-  name: 'App',
+  name: "App",
   components: {
-    HelloWorld
-  }
+    Dashboard,
+  },
 });
 </script>
 
 <style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
-html, body, #app {
-  height: 100%;
+html,
+body,
+* {
   padding: 0;
   margin: 0;
-  box-sizing: border-box;
+  font-family: "Poppins", sans-serif !important;
 }
 </style>
diff --git a/examples/vue-app/src/assets/down.svg b/examples/vue-app/src/assets/down.svg