jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Use InputGroup in impersonate and password reset dialogs

Browse Source
This commit is contained in:
Johannes Zellner
2025-02-16 16:25:44 +01:00
parent dc98c2c1fe
commit 270d27be73
3 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
dashboard/src/components/PasswordResetDialog.vue
View File

@@ -5,7 +5,7 @@ const i18n = useI18n();
const t = i18n.t;
import { ref, useTemplateRef } from 'vue';
import { Dialog, TextInput, FormGroup, Button } from 'pankow';
import { Dialog, TextInput, FormGroup, Button, InputGroup } from 'pankow';
import { copyToClipboard } from 'pankow/utils';
import UsersModel from '../models/UsersModel.js';
@@ -62,8 +62,10 @@ defineExpose({
>
<FormGroup>
<label class="control-label">{{ $t('users.passwordResetDialog.descriptionLink') }}</label>
<TextInput id="passwordResetLinkInput" v-model="resetLink" readonly/>
<Button tool @click="onCopyLink()" icon="fa fa-clipboard" />
<InputGroup>
<TextInput id="passwordResetLinkInput" style="flex-grow: 1;" v-model="resetLink" readonly/>
<Button tool @click="onCopyLink()" icon="fa fa-clipboard" />
</InputGroup>
</FormGroup>
<br/>
@@ -75,8 +77,10 @@ defineExpose({
<FormGroup>
<label for="emailInput">{{ $t('users.passwordResetDialog.descriptionEmail') }}</label>
<TextInput id="emailInput" v-model="email" :disabled="busy" />
<Button @click="onSend()" :disabled="busy" :loading="busy">{{ $t('users.passwordResetDialog.sendAction') }}</Button>
<InputGroup>
<TextInput id="emailInput" style="flex-grow: 1;" v-model="email" :disabled="busy" />
<Button @click="onSend()" :disabled="busy" :loading="busy">{{ $t('users.passwordResetDialog.sendAction') }}</Button>
</InputGroup>
</FormGroup>
</fieldset>
</form>