diff options
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/remote-caution.vue | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/src/client/components/remote-caution.vue b/src/client/components/remote-caution.vue new file mode 100644 index 0000000000..b24b9af2db --- /dev/null +++ b/src/client/components/remote-caution.vue @@ -0,0 +1,29 @@ +<template> +<div class="jmgmzlwq _panel"><fa :icon="faExclamationTriangle" style="margin-right: 8px;"/>{{ $t('remoteUserCaution') }}<a :href="href" rel="nofollow noopener" target="_blank">{{ $t('showOnRemote') }}</a></div> +</template> + +<script lang="ts"> +import Vue from 'vue'; +import i18n from '../i18n'; +export default Vue.extend({ + i18n, + props: { + href: { + type: String, + required: true + }, + }, +}); +</script> + +<style lang="scss" scoped> +.jmgmzlwq { + font-size: 0.8em; + padding: 16px; + + > a { + margin-left: 4px; + color: var(--accent); + } +} +</style> |