matt/stratos
1
0
Fork 0
mirror of https://github.com/matt-fidd/stratos.git synced 2026-01-01 22:59:28 +00:00
Code Issues Projects Releases Wiki Activity

Fixed arbitrary heights using box-sizing, clean up more loose styling

Browse Source
This commit is contained in:
matt
2022-02-08 20:28:51 +00:00
parent ec6437e2bc
commit 4af91051a0
3 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/stylesheets/components/_admin.scss
View File

@@ -1,7 +1,8 @@
.adminContent { .adminContent {
min-height: 91vh; box-sizing: border-box;
min-height: calc(100vh - 80px);
background-color: $admin-bg; background-color: $admin-bg;
padding: .5rem 1rem 0 1rem; padding: .5rem 1rem .5rem 1rem;
@include respond-to('medium') { @include respond-to('medium') {
padding-left: 2rem; padding-left: 2rem;

1
src/stylesheets/components/_adminHeader.scss
View File

@@ -5,6 +5,7 @@
position: relative; position: relative;
background-color: white; background-color: white;
z-index: 100; z-index: 100;
height: 80px;
.adminNav-toggle { .adminNav-toggle {
position: absolute; position: absolute;

13
src/stylesheets/components/_adminNav.scss
View File

@@ -1,15 +1,15 @@
.adminNav { .adminNav {
display: none; display: none;
box-sizing: border-box;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
position: fixed; position: fixed;
top: 0; top: 0;
width: 100vw; width: 100vw;
height: 82vh; height: 100vh;
background-color: $primary-colour; background-color: $primary-colour;
padding: 3rem 0; padding: 6rem 0 3rem 0;
padding-top: 5rem;
z-index: 50; z-index: 50;
&__profile { &__profile {
@@ -29,8 +29,14 @@
} }
.logout { .logout {
color: white;
align-self: flex-end; align-self: flex-end;
text-decoration: underline; text-decoration: underline;
i {
text-decoration: none;
margin-right: 5px;
}
} }
@include respond-to('large') { @include respond-to('large') {
@@ -48,6 +54,5 @@
@include respond-to('large') { @include respond-to('large') {
display: flex; display: flex;
width: 20vw; width: 20vw;
height: 87vh;
} }
} }