Files
bigcapital/client/src/style/components/Drawer/AccountDrawer.scss
2021-05-02 22:28:05 +02:00

122 lines
1.8 KiB
SCSS

.bp3-drawer-header {
box-shadow: 0 0 0;
.bp3-heading{
font-size: 16px;
}
.bp3-button{
min-height: 28px;
min-width: 28px;
}
}
.account-drawer {
background-color: #fbfbfb;
&__content {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 18px;
padding: 15px;
background: white;
border: 1px solid #d2dce2;
> div{
flex-grow: 1;
font-size: 14px;
margin: 15px 0;
> span {
color: #666666;
font-weight: 500;
}
.balance,
p {
text-transform: capitalize;
margin: 5px 0;
}
.balance {
font-size: 28px;
color: #c06361;
margin: 6px 0;
font-weight: 600;
margin-bottom: 0;
}
&.account-normal{
.bp3-icon{
position: relative;
top: -2px;
margin-left: 2px;
svg{
fill: #6a7994;
}
}
}
}
&--desc {
flex-basis: 100%;
}
}
&__table {
margin: 18px;
background: #fff;
border: 1px solid #d2dce2;
.table {
.thead {
.tr .th {
padding: 0.7rem 0.8rem;
font-weight: 500;
}
}
.tbody .tr .td {
padding: 0.8rem;
}
}
&-footer{
padding: 12px 14px;
display: inline-block;
a{
text-decoration: underline;
font-size: 12px;
color: #37639c;
}
}
}
}
.bp3-drawer.bp3-position-right {
bottom: 0;
right: 0;
top: 0;
overflow: auto;
height: 100%;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
.bp3-drawer-header {
margin-bottom: 2px;
box-shadow: (0, 0, 0);
background-color: #6a7993;
.bp3-heading,
.bp3-icon {
color: white;
}
}
}