diff --git a/directory/src/component/char_icon.jsx b/directory/src/component/char_icon.jsx index 4961847..21f6476 100644 --- a/directory/src/component/char_icon.jsx +++ b/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, }; \ No newline at end of file diff --git a/directory/src/component/scss/dropdown.module.scss b/directory/src/component/scss/dropdown.module.scss index 03c798a..c2079b4 100644 --- a/directory/src/component/scss/dropdown.module.scss +++ b/directory/src/component/scss/dropdown.module.scss @@ -121,9 +121,12 @@ } .item_icon { - width: 1rem; - fill: var(--text-color); transition: fill cubic-bezier(0.65, 0.05, 0.36, 1) 0.3s; + + svg { + width: 1rem; + fill: var(--text-color); + } } &:hover, diff --git a/directory/src/routes/Root.jsx b/directory/src/routes/Root.jsx index cef9f1d..83d3e35 100644 --- a/directory/src/routes/Root.jsx +++ b/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" - }} /> )} diff --git a/directory/src/scss/_page_base.scss b/directory/src/scss/_page_base.scss index 9c7c871..8c93f54 100644 --- a/directory/src/scss/_page_base.scss +++ b/directory/src/scss/_page_base.scss @@ -103,8 +103,11 @@ flex-direction: row; align-items: baseline; text-align: center; - width: 1.5rem; - fill: var(--text-color); + + svg { + width: 1.5rem; + fill: var(--text-color); + } } } diff --git a/directory/src/scss/root/Root.module.scss b/directory/src/scss/root/Root.module.scss index 909ab60..300ac43 100644 --- a/directory/src/scss/root/Root.module.scss +++ b/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) {