vijay
/
Mosqkiller
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

# 样式兼容mobile

This commit is contained in:
xianfuxing 2018-08-12 14:07:03 +08:00
parent 204b6bcfe5
commit ada63a4525
1 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/dashboard/admin/components/PanelGroup.vue
View File

@ -125,10 +125,10 @@ export default {
font-size: 48px; font-size: 48px;
} }
.card-panel-description { .card-panel-description {
float: right; // float: right;
font-weight: bold; font-weight: bold;
margin: 26px; margin: 26px;
margin-left: 0px; margin-left: 120px;
.card-panel-text { .card-panel-text {
line-height: 18px; line-height: 18px;
color: rgba(0, 0, 0, 0.45); color: rgba(0, 0, 0, 0.45);
@ -140,5 +140,30 @@ export default {
} }
} }
} }
@media only screen and (max-width: 768px) {
.card-panel-icon-wrapper {
float: none!important;
text-align: center;
margin: 0!important;
border-radius: 0!important;
padding: 1rem 0 1rem 0!important;
}
.card-panel-icon {
float: none!important;
font-size: 2.2rem!important;
}
.card-panel-description {
float: none!important;
font-weight: bold;
text-align: center;
margin: .5rem 0 0 0!important;
.card-panel-text {
display: none;
}
.card-panel-num {
font-size: 1rem!important;
}
}
}
} }
</style> </style>