fix treemap button & donation link

Author: xdeq

components/TheFooter.vue

@@ -60,7 +60,7 @@ const handleChangeTheme = (theme) => {
 <template>
 	<Flex tag="footer" justify="center" :class="$style.wrapper">
 		<Flex justify="between" wide :class="$style.container">
-			<Flex direction="column" gap="16">
+			<Flex direction="column" gap="12">
 				<Flex align="center" gap="8">
 					<Icon name="logo" size="14" color="tertiary" />
 					<Text size="13" weight="500" color="secondary">Celenium</Text>
@@ -76,6 +76,17 @@ const handleChangeTheme = (theme) => {
 						</Flex>
 					</a>
 				</Flex>
+
+				<NuxtLink to="/address/celestia15ans77hr2uxefyn6fa2lcsvpngwevuaugth7f5">
+					<Flex align="center" gap="8">
+						<Text size="12" weight="500" color="support">Donations: </Text>
+						<Text size="12" weight="500" color="tertiary">celestia</Text>
+						<Flex align="center" gap="3">
+							<div v-for="dot in 3" class="dot" />
+						</Flex>
+						<Text size="12" weight="500" color="tertiary">wevu augt h7f5</Text>
+					</Flex>
+				</NuxtLink>
 			</Flex>
 
 			<Flex direction="column" align="end" gap="16">

pages/namespaces/index.vue

@@ -146,13 +146,18 @@ const handleLast = async () => {
 
 <template>
 	<Flex direction="column" wide :class="$style.wrapper">
-		<Breadcrumbs
-			:items="[
-				{ link: '/', name: 'Explore' },
-				{ link: '/namespaces', name: `Namespaces` },
-			]"
-			:class="$style.breadcrumbs"
-		/>
+		<Flex align="end" justify="between" :class="$style.breadcrumbs">
+			<Breadcrumbs
+				:items="[
+					{ link: '/', name: 'Explore' },
+					{ link: '/namespaces', name: `Namespaces` },
+				]"
+			/>
+
+			<Button link="/namespaces/treemap" type="secondary" size="mini">
+				<Icon name="treemap" size="12" color="secondary" /> Treemap View
+			</Button>
+		</Flex>
 
 		<Flex wide direction="column" gap="4">
 			<Flex justify="between" :class="$style.header">
@@ -335,12 +340,6 @@ const handleLast = async () => {
 					</table>
 				</div>
 			</Flex>
-
-			<Flex align="center" :class="$style.footer">
-				<Button link="/namespaces/treemap" type="secondary" size="mini">
-					<Icon name="treemap" size="12" color="secondary" /> Open Treemap View
-				</Button>
-			</Flex>
 		</Flex>
 	</Flex>
 </template>
@@ -349,7 +348,7 @@ const handleLast = async () => {
 .wrapper {
 	max-width: calc(var(--base-width) + 48px);
 
-	padding: 40px 24px 60px 24px;
+	padding: 26px 24px 60px 24px;
 }
 
 .breadcrumbs {
@@ -365,21 +364,12 @@ const handleLast = async () => {
 	padding: 0 16px;
 }
 
-.footer {
-	height: 46px;
-
-	border-radius: 4px 4px 8px 8px;
-	background: var(--card-background);
-
-	padding: 0 16px;
-}
-
 .table_scroller {
 	overflow-x: auto;
 }
 
 .table {
-	border-radius: 4px;
+	border-radius: 4px 4px 8px 8px;
 	background: var(--card-background);
 
 	padding-bottom: 12px;