diff --git a/src/assets/common.scss b/src/assets/common.scss index 0d93fb538a49c4283d7d2c0a848ac5ddfd754113..e4d1cf3b51509f8c4d49b0aaaa97e7487d2e2cd8 100644 --- a/src/assets/common.scss +++ b/src/assets/common.scss @@ -151,4 +151,102 @@ body{ } } } - } \ No newline at end of file + } + + .side-menu{ + .ant-menu-item{ + span{ + transition: all .5s; + position: relative; + &::after{ + content: ''; + height: 1px; + width: 0px; + transition: all .75s; + background: #fff; + left: -15px; + top: 50%; + position: absolute; + } + } + &:hover{ + span{ + margin-left: 12px; + &::after{ + width: 8px; + } + } + } + color: #e0e0e0; + margin: 0; + display: flex; + align-items: center; + span{ + font-size: 15px; + height: 40px; + line-height: 41px; + } + &.ant-menu-item-selected{ + position: relative; + &::after{ + content: ''; + height: 0px; + border-radius: 50%; + width: 5px; + position: absolute; + left: 10px; + top: 50%; + transform: translateY(-50%); + filter: drop-shadow(0 0 15px #000); + } + } + } + .ant-menu-submenu { + color: #eee; + span{ + span{ + transition: all 0.5s; + position: relative; + &::after{ + content: ''; + height: 1px; + width: 0px; + background: #fff; + left: -15px; + top: 50%; + position: absolute; + transition: all 0.75s; + } + } + } + &:hover{ + span{ + span{ + margin-left: 12px; + &::after{ + width: 8px; + } + } + } + } + &.ant-menu-submenu-open{ + &:hover{ + span{ + span{ + margin-left: 0; + &::after{ + width: 0px; + } + } + } + } + } + .ant-menu-submenu-title{ + span{ + display: flex; + align-items: center; + font-size: 15px; + } + } + } +} \ No newline at end of file