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

Question

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

score 2 · Accepted Answer

虽然 Nova 没有提供->height()方法，但是当您生成 Nova 卡时，它会resources/js/components/Card.vue自动创建（请参阅 Nova 卡文档）

Card.vue 文件允许您修改卡片元素的 Vue 模板。由于Nova 使用 Tailwind CSS 框架，您应该可以在 Card.vue中使用Tailwind CSS 的 Height 类。

score 1 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

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

3 回答 3