chore: slightly improve apparance of event logs

ecadlabs · Oct 25, 2023 · 7d32aeb · 7d32aeb
1 parent 511faa9
commit 7d32aeb
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/apps/taquito-test-dapp/src/App.svelte b/apps/taquito-test-dapp/src/App.svelte
@@ -40,7 +40,6 @@
   const changeNetwork = (event: { detail: { value: string } }) => {
     networkError = false;
     showCustomNetworkInput = false;
-    const walletComponent = layout.getSideBar().getWallet();
     switch (event.detail.value.toLocaleLowerCase()) {
       case "mainnet":
         store.updateNetworkType(NetworkType.MAINNET);

diff --git a/apps/taquito-test-dapp/src/Layout.svelte b/apps/taquito-test-dapp/src/Layout.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
   import Sidebar from "./lib/Sidebar.svelte";
-  import TaquitoLogo from "./lib/TaquitoLogo.svelte";
   import store from "./store";
   let side: Sidebar;
 
@@ -26,11 +25,17 @@
     }
   }
   .events-container {
-    background-color: skyblue;
-    width: 100%;
     grid-column: 1 / 3;
+    height: calc(25vh);
     ul {
       overflow-y: scroll;
+      background-color: skyblue;
+      height: 100%;
+    }
+    > span {
+      color: white;
+      font-weight: bold;
+      font-size: larger;
     }
   }
 </style>
@@ -44,7 +49,7 @@
   <Sidebar bind:this={side}/>
   <slot />
   <div class="events-container">
-    Events ({$store.eventLogs.length}): <button on:click={store.clearEvents}>clear</button>
+    <span>Events ({$store.eventLogs.length}):</span> <button on:click={store.clearEvents} style="display: inline;">clear</button>
     <ul>
       {#each $store.eventLogs as event}
         <li>
@@ -55,5 +60,3 @@
     </ul>
   </div>  
 </main>
-<TaquitoLogo dir="normal" />
-<TaquitoLogo dir="reverse" />
diff --git a/apps/taquito-test-dapp/src/lib/Sidebar.svelte b/apps/taquito-test-dapp/src/lib/Sidebar.svelte
@@ -21,7 +21,7 @@
 <style lang="scss">
   section {
     padding: 10px;
-    height: calc(80vh - 20px);
+    height: calc(60vh - 20px);
     color: white;
     display: grid;
     grid-template-rows: 8% 5% 87%;
@@ -43,7 +43,7 @@
 
     ul {
       height: 95%;
-      list-style-image: url(description_white_24dp.svg);
+      list-style-image: url(../assets/icons/description_white_24dp.svg);
       list-style-position: inside;
       overflow-y: scroll;
       overflow-x: auto;