Use ClipboardAction for inline text elements
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<script setup>
|
||||
|
||||
import { ref, useTemplateRef } from 'vue';
|
||||
import { Dialog, Button, ClipboardButton } from '@cloudron/pankow';
|
||||
import { Dialog, ClipboardAction } from '@cloudron/pankow';
|
||||
import DashboardModel from '../models/DashboardModel.js';
|
||||
import DomainsModel from '../models/DomainsModel.js';
|
||||
import ProfileModel from '../models/ProfileModel.js';
|
||||
@@ -54,17 +54,17 @@ defineExpose({
|
||||
|
||||
<div class="info-row">
|
||||
<div class="info-label">{{ $t('app.accessControl.sftp.server') }}</div>
|
||||
<div class="info-value">{{ adminFqdn }} <ClipboardButton plain :value="adminFqdn" /></div>
|
||||
<div class="info-value">{{ adminFqdn }} <ClipboardAction plain :value="adminFqdn" /></div>
|
||||
</div>
|
||||
|
||||
<div class="info-row">
|
||||
<div class="info-label">{{ $t('app.accessControl.sftp.port') }}</div>
|
||||
<div class="info-value">222 <ClipboardButton plain :value="222" /></div>
|
||||
<div class="info-value">222 <ClipboardAction plain :value="222" /></div>
|
||||
</div>
|
||||
|
||||
<div class="info-row">
|
||||
<div class="info-label">{{ $t('app.accessControl.sftp.username') }}</div>
|
||||
<div class="info-value">{{ username }}@{{ fqdn }} <ClipboardButton plain :value="`${username}@${fqdn}`" /></div>
|
||||
<div class="info-value">{{ username }}@{{ fqdn }} <ClipboardAction plain :value="`${username}@${fqdn}`" /></div>
|
||||
</div>
|
||||
</Dialog>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user