我想改变chakra ui抽屉的大小

问题描述

我正在使用 chakra ui 并且我想将抽屉组件的宽度设置为 370px。 我想将抽屉组件的宽度设置为 370px。如果我传递sm或lg作为大小，它会将大小更改为默认设置，但我无法将其更改为我想要的大小。

https://chakra-ui.com/docs/overlay/drawer

  <Drawer
    isOpen={isOpen}
    placement="right"
    onClose={onClose}
    finalFocusRef={btnRef}
    size="lg"
  >

解决方法

您可以创建一个 sass 或 css 文件并将其导入您正在使用的 component。 css 中的这个选择器可以使用您想要的值更改 Drawer 的宽度：

.chakra-modal__content{
   max-width:370px
}