From 9e523f98cd84d4104f49b102ea9d89ac352ca8b6 Mon Sep 17 00:00:00 2001 From: matt Date: Sun, 6 Feb 2022 19:44:42 +0000 Subject: [PATCH] Styling cleanups for admin pages --- src/stylesheets/abstracts/_variables.scss | 1 + src/stylesheets/components/_admin.scss | 16 ++++++++-------- src/stylesheets/components/_adminNav.scss | 1 + src/stylesheets/pages/_dashboard.scss | 2 +- 4 files changed, 11 insertions(+), 9 deletions(-) diff --git a/src/stylesheets/abstracts/_variables.scss b/src/stylesheets/abstracts/_variables.scss index 2ab88cc..1796f26 100644 --- a/src/stylesheets/abstracts/_variables.scss +++ b/src/stylesheets/abstracts/_variables.scss @@ -6,6 +6,7 @@ $text-colour: rgb(34, 34, 34) !default; $primary-colour: #d71433; $secondary-colour: #46b43d; $grey: #505050; +$admin-bg: #e5e5e5; $primary-colour-dark: darken-colour($primary-colour); $secondary-colour-dark: darken-colour($secondary-colour); diff --git a/src/stylesheets/components/_admin.scss b/src/stylesheets/components/_admin.scss index 5959e85..d3d69e2 100644 --- a/src/stylesheets/components/_admin.scss +++ b/src/stylesheets/components/_admin.scss @@ -20,27 +20,27 @@ } .adminTable { - background-color: #E5E5E5; + background-color: $admin-bg; padding: 1rem; border-radius: 15px; table { width: 100%; - + border-spacing: 0; } - tr { + tbody tr { @include on-event() { background-color: white; cursor: pointer; } } - td { - padding: .5rem; + th { + text-align: left; + } - &:last-child { - width: 100%; - } + td, th { + padding: .5rem 1rem; } } diff --git a/src/stylesheets/components/_adminNav.scss b/src/stylesheets/components/_adminNav.scss index 547e4c3..a0bbc90 100644 --- a/src/stylesheets/components/_adminNav.scss +++ b/src/stylesheets/components/_adminNav.scss @@ -10,6 +10,7 @@ background-color: $primary-colour; padding: 3rem 0; padding-top: 5rem; + z-index: 50; a { color: white; diff --git a/src/stylesheets/pages/_dashboard.scss b/src/stylesheets/pages/_dashboard.scss index 28db43a..8519c25 100644 --- a/src/stylesheets/pages/_dashboard.scss +++ b/src/stylesheets/pages/_dashboard.scss @@ -1,6 +1,6 @@ .adminContent { min-height: 91vh; - background-color: #E5E5E5; + background-color: $admin-bg; padding: .5rem 2rem 0 2rem; .dashboard__stats {