✨ Responsive in modify collaborators
This commit is contained in:
parent
88922cece1
commit
ab8cecc075
@ -8,6 +8,11 @@
|
|||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
gap: var(--spacing-xl, 32px);
|
gap: var(--spacing-xl, 32px);
|
||||||
|
|
||||||
|
@media (max-width: 504px) {
|
||||||
|
width: unset;
|
||||||
|
margin: 24px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
.form {
|
.form {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -16,6 +21,16 @@
|
|||||||
.button-container {
|
.button-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: var(--spacing-md, 16px);
|
gap: var(--spacing-md, 16px);
|
||||||
|
|
||||||
|
@media (max-width: 504px) {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
> button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
> a > button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user