fixes from Petr

baking-bad · Jun 15, 2022 · 90f40c4 · 90f40c4
1 parent 2134c03
commit 90f40c4
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 26 deletions.
diff --git a/src/components/Tables/RecentlyCalledContracts.vue b/src/components/Tables/RecentlyCalledContracts.vue
@@ -162,9 +162,6 @@ export default {
     width: 55%;
   }
 }
-.header-table {
-  padding-left: 3px;
-}
 ::v-deep .v-data-table-header {
   & > tr > th:last-child,
   & + tbody > tr > td:last-child {

diff --git a/src/index.css b/src/index.css
@@ -40,6 +40,10 @@
     background-color: var(--v-canvas-base);
 }
 
+.bg-database {
+    background-color: var(--v-data-base) !important;
+}
+
 .themed-border {
     border: thin solid var(--v-border-base);
 }

diff --git a/src/views/home/Home.vue b/src/views/home/Home.vue
@@ -166,6 +166,9 @@ export default {
   .unsynced {
     background: red;
   }
+  .header-table {
+    padding-left: 3px;
+  }
 }
 </style>
 <style lang="scss">

diff --git a/src/views/network/NetworkInfo.vue b/src/views/network/NetworkInfo.vue
@@ -3,20 +3,22 @@
     <header>
       <h3 class="text--secondary font-weight-regular header-table">Network Info</h3>
     </header>
-    <v-list-item
-      class="pl-0"
-      v-for="(field, pos) in networkObjInfo"
-      :key="pos"
-    >
-      <v-list-item-content>
-        <v-list-item-subtitle class="overline"
-        >{{ field.name }}</v-list-item-subtitle
-        >
-        <v-list-item-title class="body-2">
-          {{ state[field.key] }}
-        </v-list-item-title>
-      </v-list-item-content>
-    </v-list-item>
+    <div class="ba-1 bg-database px-4 py-2 mt-4 radius-1">
+      <v-list-item
+        class="pl-0"
+        v-for="(field, pos) in networkObjInfo"
+        :key="pos"
+      >
+        <v-list-item-content>
+          <v-list-item-subtitle class="overline"
+          >{{ field.name }}</v-list-item-subtitle
+          >
+          <v-list-item-title class="body-2">
+            {{ state[field.key] }}
+          </v-list-item-title>
+        </v-list-item-content>
+      </v-list-item>
+    </div>
   </div>
 </template>
 

diff --git a/src/views/network/NetworkTab.vue b/src/views/network/NetworkTab.vue
@@ -11,7 +11,7 @@
           pageable
         />
       </v-col>
-      <v-col cols="4">
+      <v-col cols="4" class="pt-0">
         <NetworkInfo :network="network" :state="state" />
       </v-col>
     </v-row>

diff --git a/src/views/network/SideBar.vue b/src/views/network/SideBar.vue
@@ -4,7 +4,7 @@
       :loading="loading"
       type="list-item-two-line, list-item-two-line, list-item-two-line, list-item-two-line"
     >
-      <v-list class="stats-sidebar-list">
+      <v-list class="stats-sidebar-list ba-1 bg-database">
         <v-list-item-group v-model="item" mandatory>
           <template v-for="(state, idx) in states">
             <v-divider :key="'divider' + idx" v-if="idx > 0"></v-divider>
@@ -23,24 +23,17 @@
         </v-list-item-group>
       </v-list>
     </v-skeleton-loader>
-
-    <BakingBadFooter />
   </div>
 </template>
 
 <script>
-import BakingBadFooter from "@/components/BakingBadFooter.vue";
-
 export default {
   name: "SideBar",
   props: {
     states: Array,
     loading: Boolean,
     network: String,
   },
-  components: {
-    BakingBadFooter,
-  },
   created() {
     this.setItem();
   },