如何正确调整在vuejs CoreUI侧边栏宽度是多少？

Question

我试图改变CoreUI侧边栏的宽度。但coreui文件中没有规定如何去改变它。

我试着CSS样式手动添加到Vuejs组件，但它不工作了。

//下面是从反应项目中的代码

进口{侧栏如AppSidebar}从 '@ coreui / VUE'

  <AppSidebar fixed>
    <SidebarHeader/>
    <SidebarForm/>
    <SidebarNav :navItems="nav"></SidebarNav>
    <SidebarFooter/>
    <SidebarMinimizer/>
  </AppSidebar>

我希望每个人都可以提供我来回答这个问题。非常感谢你

Answer 1

如果您使用SCSS，然后覆盖在你的_variables.scss下列变量与您的首选宽度大小。例如下面的代码设置边栏250像素宽。导航栏品牌宽度设置略短，从而照顾菜单按钮。

// Variable overrides
$navbar-brand-width:                  205px !default;
$sidebar-width:                       250px !default;