Summernote模态没有填充

Question

我正在使用名为Ticketit的Laravel应用程序包。

这使用Summernote进行文本编辑，但是当我想添加链接，图片等时，为此打开的模态窗口不会在输入周围提供填充。

我对CSS不太好，我不确定为什么会这样，或者我可以做些什么来解决这个问题。

您可以通过Ticketit演示网站查看我所面对的示例; http://ticketit.kordy.info/tickets/create。您可以使用admin@example.com和demo登录，然后它会转到故障单创建页面。点击添加链接后，您将看到以下内容：

模态正文代码如下所示：

<div class="modal-body">
    <div class="form-group note-group-select-from-files">
        <label>Select from files</label>
        <input class="note-image-input form-control" type="file" name="files" accept="image/*" multiple="multiple">
    </div>
    <div class="form-group" style="overflow:auto;">
        <label>Image URL</label>
        <input class="note-image-url form-control col-md-12" type="text">
    </div>
</div>

如何在表单标签和输入周围提供一些填充，以便它们不会触及模态窗口的两侧？

请注意，Summernote输入的CSS目前通过CDN提供，因此我无法直接编辑源代码 - 我希望有一个可以更改的Summernote设置。

否则我可以在单独的样式表中添加一些自定义CSS。

Answer 1

您需要更改.modal-body上的填充：

.modal-body {
  padding: 30px;
}

应用该规则将为您提供：