From 7c92c2215de2ed4da38bca5d0c7c4947f2ab9127 Mon Sep 17 00:00:00 2001
From: bunnybeam <mailbunnybeam@gmail.com>
Date: Sun, 26 Oct 2025 02:04:54 +0000
Subject: [PATCH] add warning to 'View on remote instance'

---
 packages/frontend/src/components/MkRemoteCaution.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkRemoteCaution.vue b/packages/frontend/src/components/MkRemoteCaution.vue
index 0d1a2f0b76..44e91d7d6e 100644
--- a/packages/frontend/src/components/MkRemoteCaution.vue
+++ b/packages/frontend/src/components/MkRemoteCaution.vue
@@ -4,11 +4,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div :class="$style.root"><i class="ti ti-alert-triangle" style="margin-right: 8px;"></i>{{ i18n.ts.remoteUserCaution }}<a v-if="href" :class="$style.link" :href="href" rel="nofollow noopener" target="_blank">{{ i18n.ts.showOnRemote }}</a></div>
+<div :class="$style.root"><i class="ti ti-alert-triangle" style="margin-right: 8px;"></i>{{ i18n.ts.remoteUserCaution }} <MkLink v-if="href" :class="$style.link" :url="href" target="_blank">{{ i18n.ts.showOnRemote }}</MkLink></div>
 </template>
 
 <script lang="ts" setup>
 import { i18n } from '@/i18n.js';
+import MkLink from '@/components/MkLink.vue';
 
 defineProps<{
 	href?: string;
@@ -27,7 +28,6 @@ defineProps<{
 }
 
 .link {
-	margin-left: 4px;
 	color: var(--MI_THEME-accent);
 }
 </style>