如何在 Laravel Nova 仪表板上自定义卡片高度？

【问题标题】：How to customise height of card on Laravel Nova dashboard?如何在 Laravel Nova 仪表板上自定义卡片高度？
【发布时间】：2019-03-27 05:30:40
【问题描述】：

cards 有一个 ->width() 选项。如何定义高度？

【问题讨论】：

【解决方案1】：

我通过将它添加到我的 nova 主题来解决这个问题：

.card-panel {
    height: auto !important;
    min-height: 150px;
}

解决方案最初发布在这里：

【讨论】：

【解决方案2】：

到目前为止，您只能使用 ->width() 方法从卡片的 php 文件中调整卡片的宽度。

当您将卡片宽度设置为1/2 时，卡片中的内容似乎溢出。我通过将类h-auto 添加到Card.vue 内的<card> 解决了这个问题。

【讨论】：

【解决方案3】：

虽然 Nova 没有提供 ->height() 方法，但是当你生成 Nova 卡片时，它会自动创建 resources/js/components/Card.vue (see Nova card documentation)

Card.vue 文件允许您修改卡片元素的 Vue 模板。由于Nova uses the Tailwind CSS framework，你应该可以在Card.vue中使用Height classes of Tailwind CSS。

【讨论】：