From 94b86f4c333f1991c2d09c8ce02beaedf5abc721 Mon Sep 17 00:00:00 2001 From: Vidhu Kant Sharma Date: Sat, 1 Oct 2022 23:55:11 +0530 Subject: added a manage 'menu' page at /manage --- src/views/manage/scss/management-page.scss | 40 ++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) (limited to 'src/views/manage/scss') diff --git a/src/views/manage/scss/management-page.scss b/src/views/manage/scss/management-page.scss index 656d224..f61b62d 100644 --- a/src/views/manage/scss/management-page.scss +++ b/src/views/manage/scss/management-page.scss @@ -22,3 +22,43 @@ hr { margin: 0.8rem auto 1rem auto; } + +.manage-links { + max-width: 40rem; + height: 25rem; + margin: 7rem auto auto auto; + + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + + a { + color: $fgColor; + height: 10rem; + width: 15rem; + border: 1px solid $secondaryAccentColor; + display: inline-block; + margin: 0; + transition: transform 0.2s, color 0.4s, border 0.2s; + border-radius: 4px; + display: flex; + justify-content: center; + align-items: center; + + .content { + display: flex; + flex-direction: column; + text-align: center; + margin-top: -0.8rem; + + .icon {font-size: 5rem;} + } + } + + a:hover { + transform: scale(1.05, 1.05); + color: $primaryAccentColor; + border: 1px solid $primaryAccentColor; + } +} -- cgit v1.2.3