Fixiki

Author: GusevPM

components/modules/stats/TimelineSlider.vue

@@ -579,6 +579,7 @@ const initHandles = (gb) => {
 			this._startSelection = d3.brushSelection(gb.node())
 		})
 		.on("drag", function (event) {
+			tooltip.transition().duration(200).style("opacity", 1)
 			const selection = d3.brushSelection(gb.node())
 			if (!selection || !this._startSelection) return
 
@@ -614,6 +615,7 @@ const initHandles = (gb) => {
 		})
 		.on("end", function () {
 			d3.select(this).style("cursor", "grab")
+			tooltip.transition().duration(200).style("opacity", 0)
 			accumulatedDelta = 0
 		})
 

components/widgets/GasWidget.vue

@@ -2,18 +2,11 @@
 /** UI */
 import Tooltip from "@/components/ui/Tooltip.vue"
 
-/** Services */
-import { truncate } from "@/services/utils"
+/** Store */
+import { useAppStore } from "@/store/app"
+const appStore = useAppStore()
 
-/** API */
-import { fetchGasPrice } from "@/services/api/gas"
-
-const gasPrice = ref({})
-
-onMounted(async () => {
-	const data = await fetchGasPrice()
-	gasPrice.value = data
-})
+const gasPrice = computed(() => appStore.gas)
 </script>
 
 <template>

pages/faucet.vue

@@ -276,14 +276,15 @@ onMounted(() => {
 						<Flex
 							@click="handleChangeNetwork"
 							align="center"
-							gap="12"
+							justify="between"
 							:class="$style.network_selector"
 							:style="{
 								background: `linear-gradient(to ${network === 'mocha' ? 'right' : 'left'}, var(--op-3) 50%, transparent 50%)`,
+								width: '110px'
 							}"
 						>
-							<Text align="center" size="12" :color="network === 'mocha' ? 'primary' : 'tertiary'" weight="600">Mocha</Text>
-							<Text align="center" size="12" :color="network === 'arabica' ? 'primary' : 'tertiary'">Arabica</Text>
+							<Text align="center" size="12" weight="600" :color="network === 'mocha' ? 'primary' : 'tertiary'">Mocha</Text>
+							<Text align="center" size="12" weight="600" :color="network === 'arabica' ? 'primary' : 'tertiary'">Arabica</Text>
 						</Flex>
 					</Flex>
 					<Flex align="center" gap="6" wide>
@@ -571,29 +572,13 @@ onMounted(() => {
 }
 
 .network_selector {
-	padding: 8px 8px;
+	padding: 8px;
 	box-shadow: inset 0 0 0 1px var(--op-10);
 	border-radius: 5px;
 	cursor: pointer;
 	transition: all 1s ease-in-out;
 }
 
-.network_selector1 {
-	height: 32px;
-
-	cursor: pointer;
-	border-radius: 6px;
-	background: var(--op-5);
-
-	padding: 0 8px;
-
-	transition: all 0.2s ease;
-
-	&:hover {
-		background: var(--op-8);
-	}
-}
-
 .input {
 	flex: 1;
 }