perf(components): make a better style

mogland · Oct 29, 2024 · 5fcf517 · 5fcf517
1 parent d4b3f3a
commit 5fcf517
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/components/universal/FloatBtn/index.module.css b/src/components/universal/FloatBtn/index.module.css
@@ -14,9 +14,9 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  font-size: 1.5rem;
+  font-size: 1.1rem;
   cursor: pointer;
-  border: 1px solid var(--text-color);
+  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
   transition: background-color 0.2s ease;
 }
 

diff --git a/src/components/widgets/Sidebar/index.tsx b/src/components/widgets/Sidebar/index.tsx
@@ -137,7 +137,8 @@ export const Sidebar: React.FC = () => {
           <div className={styles.headerInner}>
             <div className={styles.logo}>Mog</div>
             <div className={styles.search} onClick={() => setFloat(!float)}>
-              {!isMobile && (float ? <MenuFoldOne /> : <MenuUnfoldOne />)}
+              {/* {!isMobile && } */}
+              {float ? <MenuFoldOne /> : <MenuUnfoldOne />}
             </div>
           </div>
         </div>

diff --git a/src/pages/Categories/index.module.css b/src/pages/Categories/index.module.css
@@ -13,7 +13,7 @@
 }
 
 .add {
-  background-color: var(--background-color);
+  background-color: var(--background-color-primary);
 }
 
 .count {
@@ -43,7 +43,7 @@
 
 
 .add:hover {
-  background-color: var(--background-color-primary);
+  background-color: var(--background-color-secondary);
 }
 
 .group {

diff --git a/src/pages/Write/index.module.css b/src/pages/Write/index.module.css
@@ -65,7 +65,7 @@
   padding-right: 10px;
   transition: border-bottom 0.2s ease-in-out;
   resize: none;
-  background-color: var(--background-color);
+  background-color: var(--background-color-primary);
   font-size: 14px;
 }