mirror of
https://github.com/langbot-app/LangBot.git
synced 2026-06-02 03:55:55 +00:00
68 lines
1.2 KiB
CSS
68 lines
1.2 KiB
CSS
.sidebarContainer {
|
|
box-sizing: border-box;
|
|
width: 200px;
|
|
height: 100vh;
|
|
background-color: #FFF;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.langbotIconContainer {
|
|
width: 200px;
|
|
height: 70px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
|
|
.langbotIcon {
|
|
width: 54px;
|
|
height: 54px;
|
|
border-radius: 12px;
|
|
background: #2288ee;
|
|
color: #fbfbfb;
|
|
font-weight: 600;
|
|
font-size: 36px;
|
|
line-height: 54px;
|
|
text-align: center;
|
|
}
|
|
|
|
.langbotText {
|
|
font-size: 26px;
|
|
}
|
|
}
|
|
|
|
|
|
.sidebarChildContainer {
|
|
box-sizing: border-box;
|
|
width: 160px;
|
|
height: 48px;
|
|
margin: 12px 0;
|
|
font-size: 16px;
|
|
background-color: #fff;
|
|
border-radius: 12px;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sidebarSelected {
|
|
background-color: #2288ee;
|
|
color: white;
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.sidebarUnselected {
|
|
background-color: white;
|
|
color: #6C6C6C;
|
|
}
|
|
|
|
.sidebarChildIcon {
|
|
width: 28px;
|
|
height: 28px;
|
|
margin-left: 16px;
|
|
margin-right: 6px;
|
|
background-color: rgba(96, 149, 209, 0);
|
|
} |