diff options
Diffstat (limited to 'src/views/manage/scss/management-page.scss')
-rw-r--r-- | src/views/manage/scss/management-page.scss | 40 |
1 files changed, 40 insertions, 0 deletions
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; + } +} |