From 4ae2c5c2f319e15ecba245f8b679dbfcd0242a84 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sat, 1 Aug 2020 20:04:49 +0800
Subject: feat: a simple about page

---
 src/components/SideBar.module.css | 36 +++++++++++++++++++++++-------------
 1 file changed, 23 insertions(+), 13 deletions(-)

(limited to 'src/components/SideBar.module.css')

diff --git a/src/components/SideBar.module.css b/src/components/SideBar.module.css
index af91f75..275a007 100644
--- a/src/components/SideBar.module.css
+++ b/src/components/SideBar.module.css
@@ -68,34 +68,44 @@
   }
 }
 
-.themeSwitchContainer {
-  --sz: 40px;
-
-  @media (max-width: 768px) {
-    display: none;
-  }
-
+.footer {
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
+}
+
+@media (max-width: 768px) {
+  .footer {
+    display: none;
+  }
+}
+
+.iconWrapper {
+  --sz: 40px;
+
   width: var(--sz);
   height: var(--sz);
   display: flex;
   justify-content: center;
   align-items: center;
 
+  padding: 5px;
   color: var(--color-text);
+  border-radius: 100%;
+  border: 1px solid transparent;
+}
+.iconWrapper:hover {
+  opacity: 0.6;
+}
+.iconWrapper:focus {
+  border-color: var(--color-focus-blue);
+}
 
-  padding: 5px;
+.themeSwitchContainer {
   appearance: none;
   outline: none;
   user-select: none;
   background: none;
   cursor: pointer;
-  border: 1px solid transparent;
-  border-radius: 100%;
-  &:focus {
-    border-color: var(--color-focus-blue);
-  }
 }
-- 
cgit v1.3.1