make profile page usable on mobile

Signed-off-by: szaimen <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
This commit is contained in:
szaimen 2021-11-22 13:17:40 +01:00 committed by nextcloud-command
parent 9b0b0fc8d3
commit 7b4c6fe066
3 changed files with 49 additions and 3 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -512,6 +512,52 @@ $content-max-width: 640px;
}
}
@media only screen and (max-width: 1024px) {
.profile {
&__header {
height: 250px;
position: unset;
&__container {
grid-template-columns: unset;
&__displayname {
margin: 100px 20px 0px;
width: unset;
display: unset;
text-align: center;
}
&__edit-button {
width: fit-content;
display: block;
margin: 30px auto;
}
}
}
&__content {
display: block;
}
&__blocks {
width: unset;
max-width: 600px;
margin: 0 auto;
padding: 20px 50px 50px 50px;
&-empty-info {
margin: 0;
}
}
&__sidebar {
margin: unset;
position: unset;
}
}
}
.user-actions {
display: flex;
flex-direction: column;