matt/stratos
1
0
Fork 0
mirror of https://github.com/matt-fidd/stratos.git synced 2026-01-02 23:19:26 +00:00
Code Issues Projects Releases Wiki Activity

Added adminNav and adminNavItem components

Browse Source
This commit is contained in:
matt
2022-02-04 23:42:33 +00:00
parent 3c18abfea8
commit b091555204
5 changed files with 90 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/stylesheets/components/_adminNav.scss Normal file
View File

@@ -0,0 +1,53 @@
.adminNav {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
width: 100vw;
height: 82vh;
background-color: $primary-colour;
padding: 3rem 0;
padding-top: 5rem;
display: none;
a {
color: white;
}
&__profile {
display: flex;
flex-direction: column;
img {
border-radius: 100%;
}
.details {
display: flex;
align-items: center;
gap: 1rem;
color: white;
}
.logout {
align-self: flex-end;
text-decoration: underline;
}
}
&__items {
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
}
@include respond-to('large') {
display: flex;
width: 20vw;
height: 87vh;
}
}