rm tooltip about % && add utia for gas fee

Author: xdeq

components/modules/gas/GasFeeCalculator.vue

@@ -77,7 +77,7 @@ const gasFee = computed(() => {
 									.toFixed(4)
 									.replace(/\.?0*$/, "")
 							}}
-							<Text color="secondary">UTIA</Text>
+							<Text size="10" color="secondary">UTIA</Text>
 						</Text>
 						<CopyButton :text="appStore.gas.fast" size="10" />
 					</Flex>
@@ -95,7 +95,7 @@ const gasFee = computed(() => {
 									.toFixed(4)
 									.replace(/\.?0*$/, "")
 							}}
-							<Text color="secondary">UTIA</Text>
+							<Text size="10" color="secondary">UTIA</Text>
 						</Text>
 						<CopyButton :text="appStore.gas.median" size="10" />
 					</Flex>
@@ -113,7 +113,7 @@ const gasFee = computed(() => {
 									.toFixed(4)
 									.replace(/\.?0*$/, "")
 							}}
-							<Text color="secondary">UTIA</Text>
+							<Text size="10" color="secondary">UTIA</Text>
 						</Text>
 						<CopyButton :text="appStore.gas.slow" size="10" />
 					</Flex>
@@ -149,8 +149,8 @@ const gasFee = computed(() => {
 
 				<Flex v-if="gasLimit && gasFee.fast" align="center" gap="6">
 					<Text size="12" weight="600" color="primary">
-						{{ comma(gasFee.fast, " ") }}
-					</Text>
+						{{ comma(gasFee.fast, " ") }} <Text size="10" color="secondary">UTIA </Text></Text
+					>
 					<CopyButton :text="gasFee.fast" size="10" />
 				</Flex>
 				<Text v-else size="12" weight="600" color="tertiary"> 0 </Text>
@@ -160,7 +160,7 @@ const gasFee = computed(() => {
 
 				<Flex v-if="gasLimit && gasFee.median" align="center" gap="6">
 					<Text size="12" weight="600" color="primary">
-						{{ comma(gasFee.median, " ") }}
+						{{ comma(gasFee.median, " ") }} <Text size="10" color="secondary">UTIA </Text>
 					</Text>
 					<CopyButton :text="gasFee.median" size="10" />
 				</Flex>
@@ -171,7 +171,7 @@ const gasFee = computed(() => {
 
 				<Flex v-if="gasLimit && gasFee.slow" align="center" gap="6">
 					<Text size="12" weight="600" color="primary">
-						{{ comma(gasFee.slow, " ") }}
+						{{ comma(gasFee.slow, " ") }} <Text size="10" color="secondary">UTIA </Text>
 					</Text>
 					<CopyButton :text="gasFee.slow" size="10" />
 				</Flex>

components/widgets/GasWidget.vue

@@ -29,8 +29,7 @@ onMounted(async () => {
 
 				<template #content>
 					<Flex direction="column" gap="6" style="max-width: 230px; text-align: end">
-						<Text color="secondary" height="140">Fast - 99%, Median - 50%, Slow - 10%</Text>
-						<Text color="tertiary" height="140">Gas price is calculated on fee payments for the last 100 blocks. </Text>
+						<Text color="secondary" height="140">Gas price is calculated on fee payments for the last 100 blocks. </Text>
 						<Text color="tertiary" height="140">
 							Each gas price level is the percentage of transactions in which gas price was set below a specified value</Text
 						>

pages/gas.vue

@@ -112,21 +112,6 @@ useHead({
 					<GasFeeCalculator />
 
 					<Flex direction="column" gap="8" :class="$style.bottom">
-						<Flex align="center" gap="12">
-							<Flex align="center" gap="6">
-								<Icon name="gas_fast" size="12" color="secondary" />
-								<Text size="12" weight="600" color="secondary"> Fast <Text color="primary">99%</Text></Text>
-							</Flex>
-							<Flex align="center" gap="6">
-								<Icon name="gas_median" size="12" color="secondary" />
-								<Text size="12" weight="600" color="secondary"> Median <Text color="primary">50%</Text></Text>
-							</Flex>
-							<Flex align="center" gap="6">
-								<Icon name="gas_slow" size="12" color="secondary" />
-								<Text size="12" weight="600" color="secondary"> Slow <Text color="primary">10%</Text></Text>
-							</Flex>
-						</Flex>
-
 						<Text size="12" weight="600" color="tertiary" height="140">
 							Price is calculated on fee payments for the last <Text color="secondary">100</Text> blocks. Each gas price level
 							is the percentage of transactions in which gas price was set below a specified value