Leahnaya/website
1
0
Fork 0
mirror of https://github.com/PretendoNetwork/website.git synced 2026-08-06 02:10:41 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

dashboard is now responsive

Browse Source
This commit is contained in:
mrjvs 2018-12-18 18:34:48 +01:00
parent 0759e78217
commit 5383b42581
1 changed files with 48 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
assets/css/pretendo-pnid.css
View File

@ -69,4 +69,52 @@ nav.userNav .links .navItem:hover {
nav.userNav .links .navItem.active {
color: #673ab7;
font-weight: bold;
}
@media screen and (max-width: 950px) {
body .contentWrapper.userPage {
flex-direction: column;
}
nav.userNav {
display: flex;
flex-direction: row;
justify-content: center;
}
.contentCard {
display: block;
margin: auto;
}
nav.userNav .links {
display: flex;
flex-direction: row;
align-items: flex-end;
}
nav.userNav .links .navItem {
display: inline-block;
}
nav.userNav .userNavProfile::after {
display: none;
}
}
@media screen and (max-width: 500px) {
.contentCard {
width: 100vw;
}
}
@media screen and (max-width: 450px) {
nav.userNav {
display: flex;
flex-direction: column;
justify-content: center;
}
nav.userNav .links {
display: flex;
flex-direction: column;
align-items: center;
}
nav.userNav .userNavProfile::after {
display: inline-block;
}
}