Improvements

This commit is contained in:
jason5ng32 committed 2026-10-06 10:16:04 +08:00
1 parent 4429020d91
commit 78db2f8934
2 files changed
+7 -1

No files matched your search

+6
View File
@@ -4,6 +4,7 @@
<div class="flex min-h-[calc(100dvh_-_3.5rem_-_env(safe-area-inset-top))] flex-col">
<main class="flex-1">
<div class="mx-auto w-full max-w-[1400px] px-4 md:px-6 py-6">
<PageBreadcrumb v-if="tool" :items="breadcrumb" />
<h1 v-if="tool" class="mb-4 flex items-center gap-2 text-2xl md:text-3xl font-semibold tracking-tight">
<span aria-hidden="true">{{ tool.emoji }}</span>
{{ t(tool.titleKey) }}
@@ -29,6 +30,7 @@ import { useDocumentMeta } from '@/composables/use-document-meta.js';
import { shouldDropToolCache } from '@/utils/tool-cache.js';
import Footer from '@/components/Footer.vue';
import { ToolLoadingSkeleton } from '@/components/ui/tool-loading-skeleton';
import PageBreadcrumb from '@/components/PageBreadcrumb.vue';
defineOptions({ name: 'ToolPage' });
@@ -56,6 +58,10 @@ const routeSlug = computed(() => (route.name === 'tool' ? route.params.slug : nu
const slug = computed((previous) => routeSlug.value ?? previous ?? null);
const tool = computed(() => TOOL_BY_SLUG.get(slug.value) || null);
const breadcrumb = computed(() => [
{ label: t('advancedtools.Title'), section: 'AdvancedTools' },
]);
const toolComponent = computed(() => (tool.value ? asyncToolFor(tool.value) : null));
// Per-tool head: localized title + description, self-referential canonical.
@@ -333,7 +333,7 @@
contract, borderless (this card draws the border) and
without its expand-to-drawer (the page has the room). -->
<ASNConnectivity v-if="hasTopology(graph)" :asn="String(profileAsn)"
:asnConnectivityInfos="connectivityInfos" :expandable="false" :bordered="false" />
:asnConnectivityInfos="connectivityInfos" :expandable="true" :bordered="false" />
<div v-if="graph" class="grid gap-4 md:grid-cols-3">
<div v-for="group in groups" :key="group.kind" class="min-w-0">