From 2b093af6c5eb3c86227b762cd66d082d28d54083 Mon Sep 17 00:00:00 2001 From: adolphlwq Date: Sat, 28 May 2022 19:20:02 +0800 Subject: [PATCH] feat: make header of sidebar centered --- assets/scss/partials/menu.scss | 2 +- assets/scss/partials/sidebar.scss | 7 ++++--- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/assets/scss/partials/menu.scss b/assets/scss/partials/menu.scss index 4f29c9f..cf94d63 100644 --- a/assets/scss/partials/menu.scss +++ b/assets/scss/partials/menu.scss @@ -213,7 +213,7 @@ .social-menu { list-style: none; padding: 0; - margin: 0; + margin: 0 auto; display: flex; flex-direction: row; gap: 10px; diff --git a/assets/scss/partials/sidebar.scss b/assets/scss/partials/sidebar.scss index 95310ca..07ee3f2 100644 --- a/assets/scss/partials/sidebar.scss +++ b/assets/scss/partials/sidebar.scss @@ -95,7 +95,7 @@ .site-avatar { position: relative; - margin: 0; + margin: 0 auto; width: var(--sidebar-avatar-size); height: var(--sidebar-avatar-size); flex-shrink: 0; @@ -131,7 +131,7 @@ .site-name { color: var(--accent-color); - margin: 0; + margin: 0 auto; font-size: 1.6rem; @include respond(2xl) { @@ -142,7 +142,8 @@ .site-description { color: var(--body-text-color); font-weight: normal; - margin: 0; + margin: 0 auto; + text-align: center; font-size: 1.4rem; @include respond(2xl) {