partial pnid dashboard styling

This commit is contained in:
mrjvs 2018-11-20 16:42:37 +01:00
parent 06f9b165f9
commit 15c4e72099
3 changed files with 29 additions and 3 deletions

View File

@ -222,6 +222,9 @@ section.bigCardWrapper .bigCard.bigCardPartWrapper {
margin-bottom: 15px;
font-size: 2.5em;
}
.txt-title.small {
font-size: 2em;
}
.txt-smallHeading {
font-size: 1.2em;
font-weight: bold;

View File

@ -1,7 +1,8 @@
.contentWrapper.userPage {
body .contentWrapper.userPage {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
margin: 10rem 0 7rem 0 !important; /*im sorry, I had to*/
}
body footer {
padding: 0;
@ -9,4 +10,20 @@ body footer {
}
body footer .content {
border-radius: 0;
}
/* content card */
.contentCard {
background-color: white;
box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.07);
box-sizing: border-box;
color: #707070;
width: 40rem;
max-width: 100vw;
padding: 3rem 4rem;
}
/* aside navigation */
nav.userNav {
padding: 1em;
}

View File

@ -8,7 +8,13 @@
<body class="flex">
{{> nav-default }}
<div class="contentWrapper userPage">
<h1>PNID dashboard</h1>
<nav class="userNav">
<p>Navigation</p>
</nav>
<section class="contentCard">
<p class="txt-highlight">User profile</p>
<h1 class="txt-title small">PNID dashboard</h1>
</section>
</div>
{{> footer-default }}
</body>