eris/admin-fe
1
0
Fork 0
forked from AkkomaGang/admin-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add mobile and tablet UI for user profile

Browse source
This commit is contained in:
Angelina Filippova 2020-02-27 02:58:03 +03:00
parent 1ac453058f
commit a982fcbcb9
1 changed files with 50 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/views/users/show.vue
View file

@ -204,6 +204,7 @@ table {
} }
.show-private-statuses { .show-private-statuses {
margin-left: 28px; margin-left: 28px;
margin-bottom: 20px;
} }
.recent-statuses { .recent-statuses {
margin-left: 28px; margin-left: 28px;
@ -235,11 +236,60 @@ table {
.avatar-name-container { .avatar-name-container {
margin-bottom: 10px; margin-bottom: 10px;
} }
.recent-statuses {
margin: 20px 10px 15px 10px;
}
.recent-statuses-container {
width: 100%;
margin: 0 10px;
}
.show-private-statuses {
margin: 0 10px 20px 10px;
}
.user-page-header { .user-page-header {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
padding: 0; padding: 0;
margin: 7px 0 15px 10px; margin: 7px 0 15px 10px;
} }
.user-profile-card {
margin: 0 10px;
width: 95%;
td {
width: 80px;
}
}
.user-profile-container {
flex-direction: column;
}
}
@media only screen and (max-width:801px) and (min-width: 481px) {
.avatar-name-container {
margin-bottom: 20px;
}
.recent-statuses {
margin: 20px 10px 15px 0;
}
.recent-statuses-container {
width: 97%;
margin: 0 20px;
}
.show-private-statuses {
margin: 0 10px 20px 0;
}
.user-page-header {
flex-direction: column;
align-items: flex-start;
padding: 0;
margin: 7px 0 20px 20px;
}
.user-profile-card {
margin: 0 20px;
width: fit-content;
}
.user-profile-container {
flex-direction: column;
}
} }
</style> </style>