AppmakerDeveloper

How to edit width of navigation drawer

Change the width of the navigation drawer with the custom-drawer-style filter.

Steps

  1. Open index.js of your theme file Eg: packages/your-theme/src/index.js
  2. Add the following code to the file
import { addFilter } from '@appmaker-xyz/core';

// packages/your-package/index.js
export function activate(params) {
  addFilter(
    'custom-drawer-style',
    'custom-drawer-width-style',
    (oldStyle) => {
      return {
        ...oldStyle,
        width: '80%',
      };
    },
  );
}
  1. Replace 80% with your desired width percentage

On this page

Steps