Question

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

Answer 1

尽管Nova不提供->height()方法，但是当您生成Nova卡时，它将自动创建resources/js/components/Card.vue（see Nova card documentation）

Card.vue文件允许您修改card元素的Vue模板。从Nova uses the Tailwind CSS framework开始，您应该可以在Card.vue中使用Height classes of Tailwind CSS。

Answer 2

到目前为止，您只能使用-> width（）方法从Card的php文件中调整Card的宽度。当您将卡的宽度设置为1/2时，卡中的内容似乎溢出。我通过在Card.vue内部的中添加h-auto类来解决此问题。

Answer 3

我通过将其添加到nova主题中来解决了这个问题：

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

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