hex editor v1

Author: xdeq

assets/styles/base.scss

@@ -280,8 +280,8 @@ body {
 }
 
 .dot {
-	width: 3px;
-	height: 3px;
+	min-width: 3px;
+	min-height: 3px;
 
 	border-radius: 50px;
 	background: var(--txt-tertiary);

components/modals/BlobModal.vue

@@ -313,6 +313,16 @@ const handlePreviewContent = () => {
 			</Flex>
 
 			<Flex align="center" gap="8" :class="$style.buttons">
+				<Button
+					:link="`/blob?commitment=${cacheStore.selectedBlob.commitment}&hash=${cacheStore.selectedBlob.hash}&height=${cacheStore.selectedBlob.height}`"
+					target="_blank"
+					type="secondary"
+					size="small"
+				>
+					Open Hex Viewer
+					<Icon name="arrow-narrow-up-right" size="12" color="tertiary" />
+				</Button>
+
 				<Button @click="handleDownload" type="secondary" size="small" :disabled="isLoading">
 					<Icon name="download" size="14" color="secondary" />