dashboard css
This commit is contained in:
parent
3b165aa13f
commit
ff08e720bb
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="dashboard-container">
|
<div class="dashboard-container">
|
||||||
<el-row :gutter="40" class="panel-group">
|
<el-row :gutter="40" class="panel-group">
|
||||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
<el-col :xs="12" :sm="12" :lg="12" :xl="6" class="card-panel-col">
|
||||||
<div class="card-panel" @click="toPath('/qualification')">
|
<div class="card-panel" @click="toPath('/qualification')">
|
||||||
<div class="card-panel-icon-wrapper icon-money">
|
<div class="card-panel-icon-wrapper icon-money">
|
||||||
<svg-icon icon-class="table" class-name="card-panel-icon" />
|
<svg-icon icon-class="table" class-name="card-panel-icon" />
|
||||||
|
|
@ -14,7 +14,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
<el-col :xs="12" :sm="12" :lg="12" :xl="6" class="card-panel-col">
|
||||||
<div class="card-panel" @click="toPath('/cma')">
|
<div class="card-panel" @click="toPath('/cma')">
|
||||||
<div class="card-panel-icon-wrapper icon-people">
|
<div class="card-panel-icon-wrapper icon-people">
|
||||||
<svg-icon icon-class="table" class-name="card-panel-icon" />
|
<svg-icon icon-class="table" class-name="card-panel-icon" />
|
||||||
|
|
@ -27,7 +27,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
<el-col :xs="12" :sm="12" :lg="12" :xl="6" class="card-panel-col">
|
||||||
<div class="card-panel" @click="toPath('/cma2')">
|
<div class="card-panel" @click="toPath('/cma2')">
|
||||||
<div class="card-panel-icon-wrapper icon-message">
|
<div class="card-panel-icon-wrapper icon-message">
|
||||||
<svg-icon icon-class="table" class-name="card-panel-icon" />
|
<svg-icon icon-class="table" class-name="card-panel-icon" />
|
||||||
|
|
@ -40,7 +40,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
|
<el-col :xs="12" :sm="12" :lg="12" :xl="6" class="card-panel-col">
|
||||||
<div class="card-panel" >
|
<div class="card-panel" >
|
||||||
<div class="card-panel-icon-wrapper icon-money">
|
<div class="card-panel-icon-wrapper icon-money">
|
||||||
<svg-icon icon-class="table" class-name="card-panel-icon" />
|
<svg-icon icon-class="table" class-name="card-panel-icon" />
|
||||||
|
|
@ -175,7 +175,7 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width:550px) {
|
@media (max-width:800px) {
|
||||||
.card-panel-icon-wrapper {
|
.card-panel-icon-wrapper {
|
||||||
float: none !important;
|
float: none !important;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue