|
|
@@ -746,7 +746,8 @@ export default class dashBoard extends Vue {
|
|
|
.data-box {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- width: 236px;
|
|
|
+ width: 100%;
|
|
|
+ min-width: 236px;
|
|
|
padding: 12px 0 12px 16px;
|
|
|
border: 1px solid #E8E8E8;
|
|
|
border-radius: 8px;
|
|
|
@@ -842,17 +843,6 @@ export default class dashBoard extends Vue {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- // .detail-data {
|
|
|
- // flex-direction: column;
|
|
|
- // margin-bottom: 40px;
|
|
|
- // .data-box {
|
|
|
- // width: 100%;
|
|
|
- // margin-bottom: 16px;
|
|
|
- // &:last-child {
|
|
|
- // margin-bottom: 0;
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
}
|
|
|
select {
|
|
|
outline: none;
|
|
|
@@ -863,6 +853,13 @@ export default class dashBoard extends Vue {
|
|
|
color: #43474D;
|
|
|
}
|
|
|
}
|
|
|
+@media screen and (min-width: 1408px) {
|
|
|
+ .dashboard .board .detail-data {
|
|
|
+ .data-box {
|
|
|
+ margin-right: 25px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
@media screen and (max-width: 1407px) and (min-width: 930px) {
|
|
|
.dashboard .board .detail-data {
|
|
|
flex-wrap: wrap;
|
