vib/FoundKey
1
0
Fork 0
forked from FoundKeyGang/FoundKey
Code Issues Pull requests Projects Releases Packages Wiki Activity

remove key-value component from remote interaction dialog

Browse source
This commit is contained in:
Johann150 2023-03-05 14:10:41 +01:00
parent 79ec44aa2c
commit 74c2b79df1
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1
1 changed files with 16 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
packages/client/src/components/remote-interact.vue
View file

@ -10,13 +10,9 @@
<MkSpacer :margin-min="20" :margin-max="32" class="remote-interact" style="padding-top: 0;"> <MkSpacer :margin-min="20" :margin-max="32" class="remote-interact" style="padding-top: 0;">
<p>{{ i18n.ts._remoteInteract.description }}</p> <p>{{ i18n.ts._remoteInteract.description }}</p>
<section> <section>
{{ i18n.ts._remoteInteract.urlInstructions }} <p>{{ i18n.ts._remoteInteract.urlInstructions }}</p>
<MkKeyValue oneline :copy="remoteUrl" style="margin-top: 1em;"> <a :href="remoteUrl">{{ remoteUrl }}</a>
<template #key>{{ i18n.ts._remoteInteract.url }}</template> <button v-tooltip="i18n.ts.copyUrl" class="_textButton" @click="copyUrl"><i class="far fa-copy"></i></button>
<template #value>
<a :href="remoteUrl">{{ remoteUrl }}</a>
</template>
</MkKeyValue>
</section> </section>
<aside> <aside>
<button class="_button" @click="signin()">{{ i18n.ts.login }}</button> <button class="_button" @click="signin()">{{ i18n.ts.login }}</button>
@ -29,7 +25,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import XModalWindow from '@/components/ui/modal-window.vue'; import XModalWindow from '@/components/ui/modal-window.vue';
import XSigninDialog from '@/components/signin-dialog.vue'; import XSigninDialog from '@/components/signin-dialog.vue';
import MkKeyValue from '@/components/key-value.vue';
import { i18n } from '@/i18n'; import { i18n } from '@/i18n';
import * as os from '@/os'; import * as os from '@/os';
@ -53,6 +48,11 @@ function signin() {
autoSet: true, autoSet: true,
}, {}, 'closed'); }, {}, 'closed');
} }
function copyUrl() {
copyToClipboard(props.remoteUrl);
os.success();
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -61,6 +61,14 @@ function signin() {
padding: var(--radius); padding: var(--radius);
border-radius: var(--radius); border-radius: var(--radius);
border: solid .2em var(--accentDarken); border: solid .2em var(--accentDarken);
> p {
margin-top: 0;
}
> button {
margin-left: .5em;
}
} }
aside { aside {