improve addPersons modal ux

This commit is contained in:
2021-05-05 09:29:57 +02:00
parent cc8de353d4
commit ac550e05e8
4 changed files with 51 additions and 21 deletions

View File

@@ -95,7 +95,28 @@ div.vue-component {
}
//// AddPersons modal
div.modal-body.up {
margin: auto 4em;
div.search {
position: relative;
input {
padding: 1.2em 1.5em 1.2em 2.5em;
margin: 1em 0;
}
i {
position: absolute;
top: 50%;
left: 0.5em;
padding: 0.65em 0;
opacity: 0.5;
}
}
}
div.results {
div.count {
margin: -0.5em 0 0.7em;;
}
div.list-item {
line-height: 26pt;
padding: 0.3em 0.8em;
@@ -103,7 +124,7 @@ div.results {
flex-direction: row;
&.checked {
background-color: #ececec;
border-bottom: 1px dotted #d9d9d9;
border-bottom: 1px dotted #8b8b8b;
}
div.container {
& > input {