Просмотр исходного кода

style: refactor style for sidebar mode icon

yukendev 2 лет назад
Родитель
Сommit
d1c3f34ece

+ 2 - 0
apps/app/src/components/Me/UISettings.module.scss

@@ -1,6 +1,8 @@
 @use '@growi/core/scss/bootstrap/init' as bs;
 @use '@growi/core/scss/bootstrap/init' as bs;
 
 
 .grw-sidebar-mode-icon {
 .grw-sidebar-mode-icon {
+  display: flex;
+  align-items: center;
   width: 20px;
   width: 20px;
   height: 20px;
   height: 20px;
   color: bs.$secondary;
   color: bs.$secondary;

+ 1 - 1
apps/app/src/components/Me/UISettings.tsx

@@ -59,7 +59,7 @@ export const UISettings = (): JSX.Element => {
             >
             >
               <span className="growi-custom-icon">sidebar-collapsed</span>
               <span className="growi-custom-icon">sidebar-collapsed</span>
             </IconWithTooltip>
             </IconWithTooltip>
-            <div className="form-check form-switch ms-2">
+            <div className="form-check form-switch ms-1">
 
 
               <input
               <input
                 id="swSidebarMode"
                 id="swSidebarMode"