salix/modules/monitor/front/index/style.scss

85 lines
1.6 KiB
SCSS
Raw Permalink Normal View History

2021-05-11 07:43:15 +00:00
@import "variables";
@import "effects";
vn-monitor-index {
.header {
2021-06-15 11:48:42 +00:00
padding: 12px 0 5px 0;
2021-05-11 07:43:15 +00:00
color: gray;
font-size: 1.2rem;
2021-11-18 15:02:47 +00:00
border-bottom: $border;
2021-06-15 11:48:42 +00:00
margin-bottom: 10px;
2021-05-11 07:43:15 +00:00
& > vn-none > vn-icon {
@extend %clickable-light;
color: $color-button;
font-size: 1.4rem;
}
2021-06-15 11:48:42 +00:00
vn-none > .arrow {
transition: transform 200ms;
}
2021-05-11 07:43:15 +00:00
}
2021-06-15 11:48:42 +00:00
vn-monitor-sales-clients {
vn-card {
margin-right: 15px;
}
.header {
padding-right: 15px;
& > vn-none > .arrow {
display: none
}
}
2021-05-11 07:43:15 +00:00
}
2021-06-15 11:48:42 +00:00
vn-table.scrollable {
height: 300px
}
2021-05-18 07:12:47 +00:00
vn-horizontal {
flex-wrap: wrap
}
2021-06-15 11:48:42 +00:00
.hidden {
vn-card {
display: none
}
.header > vn-none > .arrow {
transform: rotate(180deg);
}
}
2021-05-18 07:12:47 +00:00
}
2021-06-15 11:48:42 +00:00
@media (max-width:1150px) {
2021-05-18 07:12:47 +00:00
vn-monitor-index {
& > vn-horizontal {
2021-06-15 11:48:42 +00:00
flex-direction: column;
2021-05-18 07:12:47 +00:00
2021-06-15 11:48:42 +00:00
vn-monitor-sales-clients,
vn-monitor-sales-orders {
width: 100%
}
2021-05-18 07:12:47 +00:00
2021-06-15 11:48:42 +00:00
vn-monitor-sales-clients {
margin-bottom: 15px
}
}
2021-05-18 07:12:47 +00:00
2021-06-15 11:48:42 +00:00
vn-monitor-sales-clients {
vn-card {
margin-right: 0
}
.header {
padding-right: 0;
& > vn-none > .arrow {
display: inline-block
2021-05-18 07:12:47 +00:00
}
}
}
2021-06-15 11:48:42 +00:00
}
2021-05-11 07:43:15 +00:00
}