fix(directory): svg css fix

directory/src/component/char_icon.jsx

@@ -17,4 +17,5 @@ export default function CharIcon(props) {
 CharIcon.propTypes = {
   viewBox: PropTypes.string,
   type: PropTypes.string,
+  style: PropTypes.object,
 };

directory/src/component/scss/dropdown.module.scss

@@ -121,9 +121,12 @@
       }
 
       .item_icon {
+        transition: fill cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
+
+        svg {
           width: 1rem;
           fill: var(--text-color);
-        transition: fill cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s;
+        }
       }
 
       &:hover,

directory/src/routes/Root.jsx

@@ -120,9 +120,6 @@ export default function Root() {
                   viewBox={
                     headerIcon === 'operator' ? '0 0 88.969 71.469' : '0 0 94.563 67.437'
                   }
-                  style={{
-                    height: "2.5rem"
-                  }}
                 />
               </section>
             )}

directory/src/scss/_page_base.scss

@@ -103,10 +103,13 @@
           flex-direction: row;
           align-items: baseline;
           text-align: center;
+
+          svg {
             width: 1.5rem;
             fill: var(--text-color);
           }
         }
+      }
 
       .wrapper {
         overflow: hidden;

directory/src/scss/root/Root.module.scss

@@ -17,9 +17,13 @@
 
       .icon {
         margin-right: 1.5rem;
-        fill: var(--text-color);
         display: inline-block;
         vertical-align: middle;
+
+        svg {
+          fill: var(--text-color);
+          height: 2.5rem;
+        }
       }
 
       @media (max-width: 600px) {