diff options
Diffstat (limited to 'packages/frontend/src/components/MkRemoteCaution.vue')
| -rw-r--r-- | packages/frontend/src/components/MkRemoteCaution.vue | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkRemoteCaution.vue b/packages/frontend/src/components/MkRemoteCaution.vue new file mode 100644 index 0000000000..d5dc01c1f8 --- /dev/null +++ b/packages/frontend/src/components/MkRemoteCaution.vue @@ -0,0 +1,25 @@ +<template> +<div class="jmgmzlwq _block"><i class="ti ti-alert-triangle" style="margin-right: 8px;"></i>{{ i18n.ts.remoteUserCaution }}<a class="link" :href="href" rel="nofollow noopener" target="_blank">{{ i18n.ts.showOnRemote }}</a></div> +</template> + +<script lang="ts" setup> +import { i18n } from '@/i18n'; + +defineProps<{ + href: string; +}>(); +</script> + +<style lang="scss" scoped> +.jmgmzlwq { + font-size: 0.8em; + padding: 16px; + background: var(--infoWarnBg); + color: var(--infoWarnFg); + + > .link { + margin-left: 4px; + color: var(--accent); + } +} +</style> |