🐛 fix drawer theme on docs page

Author: KRRISH96

doc/gatsby-node.js

@@ -5,37 +5,3 @@
  */
 
 // You can delete this file if you're not using it
-const path = require('path');
-
-exports.onCreateWebpackConfig = ({
-  actions, stage,
-}) => {
-  const { setWebpackConfig } = actions;
-  const PRODUCTION = stage !== 'develop';
-
-  const sassLoader = PRODUCTION ?
-    'sass-loader' :
-    `${require.resolve('sass-loader')}?sourceMap`;
-
-  const styleLoader = [
-    'style-loader',
-    sassLoader,
-  ];
-
-  setWebpackConfig({
-    module: {
-      rules: [
-        {
-          test: /\.s(a|c)ss$/,
-          include: path.resolve(__dirname, './doc'),
-          use: styleLoader,
-        },
-        {
-          test: /\.module\.s(a|c)ss$/,
-          include: path.resolve(__dirname, './doc'),
-          use: styleLoader,
-        },
-      ],
-    },
-  });
-};

doc/src/components/WithComponentsBar/theme.module.scss

@@ -1,6 +1,7 @@
 :local(.drawer) {
-  padding: 0;
-  height: calc(100% - 100px);
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+  height: calc(100% - 100px) !important;
   @media only screen and (min-width: 992px) {
       left: 0 !important;
   }