feat: tx awaiting modal

Author: xdeq

app.vue

@@ -10,6 +10,7 @@ import CommandMenu from "@/components/cmd/CommandMenu.vue"
 /** API */
 import { fetchGasPrice } from "@/services/api/gas"
 import { fetchHead } from "@/services/api/main"
+import { fetchLatestBlocks } from "@/services/api/block"
 
 /** Store */
 import { useAppStore } from "@/store/app"
@@ -28,6 +29,10 @@ onMounted(async () => {
 	const runtimeConfig = useRuntimeConfig()
 	amp.init(runtimeConfig.public.AMP)
 
+	const data = await fetchLatestBlocks({ limit: 15 })
+	appStore.latestBlocks = data
+	appStore.isLatestBlocksLoaded = true
+
 	const head = await fetchHead()
 	if (head) appStore.lastHead = head
 

assets/styles/base.scss

@@ -67,12 +67,11 @@ $grayscale: (
 	--block-progress-fill-background: #33a853;
 	--logo-name: var(--txt-primary);
 	--bar-fill: rgb(243, 147, 45);
-	--validator-active: #85F891;
-	--validator-inactive: #65C7F8;
-	--validator-jailed: #F8774A;
-	--supply: #65C7F8;
-	--staking: #85F891;
-
+	--validator-active: #85f891;
+	--validator-inactive: #65c7f8;
+	--validator-jailed: #f8774a;
+	--supply: #65c7f8;
+	--staking: #85f891;
 }
 
 [theme="dimmed"] {