fix width of items

This commit is contained in:
Phillip Thelen
2024-07-25 17:01:52 +02:00
parent 7f66cc28e0
commit 6bde0e3fd9
2 changed files with 11 additions and 7 deletions
@@ -4,14 +4,14 @@
<h1>Admin Panel</h1>
<form
class="form-inline"
@submit.prevent="loadUser(userIdentifier)"
@submit.prevent="searchUsers(userIdentifier)"
>
<div class="input-group">
<div class="input-group col pl-0 pr-0">
<input
v-model="userIdentifier"
class="form-control uidField"
class="form-control"
type="text"
:placeholder="'User-ID, Username or E-Mail; blank for your account'"
:placeholder="'UserID, username or email or leave blank for your account'"
>
<div class="input-group-append">
<button
@@ -5,7 +5,7 @@
>
Could not find any matching users.
</div>
<div class="list-group col-4"
<div class="list-group"
v-if="users.length > 0">
<a href="#" class="list-group-item list-group-item-action"
v-for="user in users"
@@ -56,8 +56,12 @@ export default {
watch: {
userIdentifier () {
this.$store.dispatch('adminPanel:searchUsers', { userIdentifier: this.userIdentifier }).then(users => {
this.users = users;
this.noUsersFound = users.length === 0;
if (users.length === 1) {
this.loadUser(users[0]._id);
} else {
this.users = users;
this.noUsersFound = users.length === 0;
}
});
this.$emit('changeUserIdentifier', this.userIdentifier); // change user identifier in Admin Panel's form
},