CODEWITHSUNDEEP
reactjsantd
Walls
Walls

Reputation: 159

antd drawer disable shadow

im trying to disable a shadow in the Drawer from antd components, what im trying to disable is the shadow, i already disable the mask but i cant find way to disable the shadow, here is the shadow

enter image description here

i already tried BoxShadow inside the maskStyle and i cant find any solutions to this probles

Upvotes: 1

Views: 2798

Answers (4)

AJINKYA JADHAV
AJINKYA JADHAV

Reputation: 1

<Drawer
    title="My Account"
    placement="left"
    onClose={onClose}
    visible={open}
    width={300}
    // className="drawer"
    rootClassName="drawer"
    rootStyle={{
      boxShadow:"none !important",
      background:"none !important",
      inset:"none !important"
    }}
   >

use this style property

Upvotes: 0

AnZoro Karto
AnZoro Karto

Reputation: 11

You need to add this option in the Drawer component:

contentWrapperStyle={{ boxShadow: 'none' }}

Upvotes: 1

mohamed sharkawey
mohamed sharkawey

Reputation: 86

.ant-table .ant-table-container::before,
.ant-table .ant-table-container::after {
  width: 0px !important;
}

Upvotes: 0

demkovych
demkovych

Reputation: 8867

You need to add this css to hide drawer box-shadow:

.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: none
}

Upvotes: 2

Related Questions