Question

我正在尝试使用语义。仪表板库构建仪表板。我看到所有组件都在中心对齐。如何更改布局？

我从semantic.dashboard存储库中的示例中获取了以下代码。当我运行它时，它绝对可以正常工作。我看到侧边栏菜单和主体中的框之间有一个空间。我希望组件在侧栏菜单中对齐而没有任何空间。我有什么办法可以做到这一点？

saveNextItem(0)

Answer 1

问题似乎出在dashboardBody函数的后面。它为每个标签使用ui stackable container grid，这会导致大量填充。

有两种解决方法：

使用dashboardBody函数，并从类中删除“容器”：

dash_body <- function (...) {
  shiny::div(
    class = "pusher container", style = "min-height: 100vh;",
    shiny::div(
      class = "ui segment", style = "min-height: 100vh;",
      shiny::tags$div(class = "ui stackable grid", ...)
    ), 
    semantic.dashboard:::body_js
  )
}

添加CSS来删除此类的填充（在dashboardBody参数中添加第一行）：

tags$style(".pusher.container .ui.segment .ui.stackable.container.grid {margin:0px!important;}")

如何修复semantic.dashboard的布局？

1 个答案: