mirror of
https://github.com/jason5ng32/MyIP.git
synced 2026-11-04 08:55:47 +00:00
Improvements
This commit is contained in:
1 parent
4429020d91
commit
78db2f8934
2 files changed
+7
-1
No files matched your search
@@ -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">
|
||||
|
||||
Reference in new issue
Block a user