system-copyright-react/src/components/menu/menu-with-top-button.css
2024-06-03 14:56:19 +08:00

117 lines
1.8 KiB
CSS

.menu-with-top-button {
/* padding: 15px; */
}
.menu-with-top-button .top {
width: 231px;
height: 56px;
font-size: 18px;
/* color: #FFAF22; */
background: #FFFBEF;
color: #FFAF22;
display: flex;
align-items: center;
border-top: 1px solid #fde9ab;
border-bottom: 1px solid #fde9ab;
}
.menu-with-top-button .top .top-lift {
display: flex;
align-items: center;
font-size: 18px;
}
.menu-with-top-button .top .top-lift img {
width: 19px;
height: 19px;
margin-left: 14px;
margin-right: 13px;
}
.menu-with-top-button .top .top-right {
display: flex;
align-items: center;
font-size: 14px;
cursor: pointer;
width: 53px;
/* background-color: red; */
margin-left: 82px;
}
.menu-with-top-button .top .top-right img {
/* margin-left: 96px; */
margin-right: 10px;
width: 14px;
height: 13px;
}
.menu-with-top-button ul {
padding-top: 12px;
padding-bottom: 12px;
width: 230px;
/* background-color:pink; */
}
.menu-with-top-button ul li {
height: 50px;
margin-left: 35px;
font-weight: 400;
font-size: 16px;
color: #313131;
line-height: 50px;
cursor: pointer;
/* background-color: red; */
text-indent: 32px;
}
.menu-with-top-button ul li.active {
width: 213px;
height: 50px;
background: #FF9F08;
border-radius: 25px;
color: white;
text-indent: 59px;
}
.topIcon{
color: white;
margin-left: 68px;
}
/* .menu-with-top-button .top-button {
width: 268px;
height: 56px;
background: #FFFBEF;
font-size: 18px;
color: #FFAF22;
}
.menu-with-top-button ul li:last-child {
margin-bottom: 0;
}
.menu-with-top-button ul li .menu-icon {
width: 30px;
height: 30px;
}
.menu-with-top-button ul li .menu-name {
padding-left: 5px;
} */