From ba59030870826aceebeaeda773af8508222305d2 Mon Sep 17 00:00:00 2001 From: matt Date: Tue, 8 Feb 2022 20:18:44 +0000 Subject: [PATCH] Move adminContent into admin component --- src/stylesheets/components/_admin.scss | 15 +++++++++++ src/stylesheets/pages/_dashboard.scss | 36 ++++++++++---------------- 2 files changed, 28 insertions(+), 23 deletions(-) diff --git a/src/stylesheets/components/_admin.scss b/src/stylesheets/components/_admin.scss index d3d69e2..441b9d6 100644 --- a/src/stylesheets/components/_admin.scss +++ b/src/stylesheets/components/_admin.scss @@ -1,3 +1,18 @@ +.adminContent { + min-height: 91vh; + background-color: $admin-bg; + padding: .5rem 1rem 0 1rem; + + @include respond-to('medium') { + padding-left: 2rem; + padding-right: 2rem; + } + + @include respond-to('large') { + margin-left: 20vw; + } +} + .adminItem { padding: .7rem; background-color: white; diff --git a/src/stylesheets/pages/_dashboard.scss b/src/stylesheets/pages/_dashboard.scss index b90ed2c..3eae5d9 100644 --- a/src/stylesheets/pages/_dashboard.scss +++ b/src/stylesheets/pages/_dashboard.scss @@ -1,30 +1,20 @@ -.adminContent { - min-height: 91vh; - background-color: $admin-bg; - padding: .5rem 1rem 0 1rem; +.dashboard__stats { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 1rem; - .dashboard__stats { - display: grid; - grid-template-columns: repeat(2, 1fr); - gap: 1rem; + .dashboard__stat { + text-align: center; + padding: 1rem; - .dashboard__stat { - text-align: center; - padding: 1rem; - - h2 { - color: $primary-colour; - margin: .75rem 0; - font-weight: bold; - } - } - - @include respond-to('medium') { - grid-template-columns: repeat(4, 1fr); + h2 { + color: $primary-colour; + margin: .75rem 0; + font-weight: bold; } } - @include respond-to('large') { - margin-left: 20vw; + @include respond-to('medium') { + grid-template-columns: repeat(4, 1fr); } }