UX: adjust invite and related form spacing (#15556)
This commit is contained in:
parent
9ea4d8dab0
commit
320c4c12f4
|
@ -70,6 +70,8 @@
|
|||
grid-template-columns: auto 1fr;
|
||||
grid-template-rows: auto 1fr;
|
||||
background: var(--secondary);
|
||||
max-width: 33em;
|
||||
word-break: break-word;
|
||||
.login-title {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
@ -136,6 +138,7 @@
|
|||
min-width: 250px;
|
||||
box-shadow: none;
|
||||
margin-bottom: 0.25em;
|
||||
width: 100%;
|
||||
}
|
||||
input:focus {
|
||||
outline: none;
|
||||
|
@ -309,8 +312,8 @@
|
|||
}
|
||||
|
||||
.invite-form {
|
||||
padding-left: 20px;
|
||||
margin-bottom: 50px;
|
||||
max-width: 33em;
|
||||
.tip {
|
||||
display: block;
|
||||
}
|
||||
|
|
|
@ -394,8 +394,8 @@
|
|||
.email-login,
|
||||
.invites-show {
|
||||
.col-form {
|
||||
padding-left: 20px;
|
||||
width: 470px;
|
||||
padding: 0.5em 2em 1em;
|
||||
max-width: 30em;
|
||||
}
|
||||
.col-image {
|
||||
width: 175px;
|
||||
|
@ -403,6 +403,9 @@
|
|||
width: 100%;
|
||||
}
|
||||
}
|
||||
details {
|
||||
width: 100%;
|
||||
}
|
||||
h2 {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
@ -412,7 +415,7 @@
|
|||
}
|
||||
.invite-form,
|
||||
.invite-success {
|
||||
box-shadow: 0 1px 10px 1px rgba(var(--primary-low-rgb), 1.25);
|
||||
box-shadow: shadow("card");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue