element-ui的日历组件el-calendar高度咋调小

最近项目首页有个空余 不知道放啥 打算放个日历card 充充位置， el-calendar日历组件的整体宽度可以用el-row el-col :gutter :span来控制自适应 但是官网文档没说高度咋缩小

细长一条好难看

自己尝试改了改element的样式没整出来 最后照着这位博主的方法改是好使滴

http://t.csdnimg.cn/SHpx8

稍微改了一下

  .el-calendar-table .el-calendar-day{
    width: 100%;
    height: 30px;
    text-align: center;
  }

如果当前css不生效 可以给父元素个类个 .类名 /deep/ .el-calendar-table .el-calendar-day

这里我的整个系统就用这一个日历 也不会样式重叠 就没给单独加类名

改之后的效果：