0

在右侧边栏中使用 shinydashboardPlus 和 prettySwitch - 开关元素的对齐方式搞砸了

丑陋的开关

有没有办法让开关像这样再次漂亮

漂亮的开关

这是代码。设置 md = FALSE 会起作用,但会影响其他一切的外观,所以我不想这样做。

library(shinydashboardPlus)
library(shinyWidgets)

ui <- dashboardPagePlus(
  dashboardHeaderPlus(
    enable_rightsidebar = TRUE
  )
  , dashboardSidebar()
  , dashboardBody()
  , rightSidebar(
    background = "light"
    , rightSidebarTabContent(
      id = "id"
      , title = "title"
      , prettySwitch(
        inputId = "switch_id"
        , label = "switch"
      )
    )
  )
  , md = TRUE
)

server <- function(input, output){}

shinyApp(ui, server)
4

2 回答 2

1

与 Material Design 主题存在 CSS 冲突,要修复它,您可以将以下 CSS 代码添加到您的应用程序中:

  , tags$style(HTML(
    ".pretty > div > label {font-size: 14px !important; line-height: 1px !important;}"
  ))

以上面prettySwitch为例

于 2020-04-29T08:32:10.120 回答
0

即使不是优雅的方式,但你可以通过修改来调整它CSS

在此处输入图像描述

于 2020-04-29T07:49:34.113 回答