fix: sidebar identation

vtexdocs · Jan 22, 2024 · 23a327b · 23a327b
1 parent 1efb9f4
commit 23a327b
Show file tree

Hide file tree

Showing 4 changed files with 605 additions and 10 deletions.
diff --git a/dist/index.mjs b/dist/index.mjs
@@ -32,9 +32,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// node_modules/react-is/cjs/react-is.production.min.js
+// node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
-  "node_modules/react-is/cjs/react-is.production.min.js"(exports) {
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
     "use strict";
     var b = "function" === typeof Symbol && Symbol.for;
     var c = b ? Symbol.for("react.element") : 60103;
@@ -145,9 +145,9 @@ var require_react_is_production_min = __commonJS({
   }
 });
 
-// node_modules/react-is/cjs/react-is.development.js
+// node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
-  "node_modules/react-is/cjs/react-is.development.js"(exports) {
+  "node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js"(exports) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -300,9 +300,9 @@ var require_react_is_development = __commonJS({
   }
 });
 
-// node_modules/react-is/index.js
+// node_modules/prop-types/node_modules/react-is/index.js
 var require_react_is = __commonJS({
-  "node_modules/react-is/index.js"(exports, module) {
+  "node_modules/prop-types/node_modules/react-is/index.js"(exports, module) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module.exports = require_react_is_production_min();
@@ -7210,7 +7210,7 @@ var styles_default11 = {
 
 // src/components/sidebar-elements/functions.tsx
 var styleByLevelNormal = (level, icon3) => {
-  const ml = 8 + (icon3 ? level * 4 : (level - 1) * 20 + 14);
+  const ml = 8 + (icon3 ? (level - 1) * 20 + 6 : (level - 1) * 20 + 14);
   const borderLeft = icon3 ? "none" : level >= 2 ? "1px solid #E7E9EE" : "";
   const normal = {
     marginLeft: `${ml}px`,

diff --git a/dist/index.mjs.map b/dist/index.mjs.map
diff --git a/src/components/sidebar-elements/functions.tsx b/src/components/sidebar-elements/functions.tsx
@@ -2,7 +2,7 @@ import { SxStyleProp } from '@vtex/brand-ui'
 import styles from './styles'
 
 export const styleByLevelNormal = (level: number, icon: boolean) => {
-  const ml = 8 + (icon ? level * 4 : (level - 1) * 20 + 14)
+  const ml = 8 + (icon ? (level - 1) * 20 + 6 : (level - 1) * 20 + 14)
   const borderLeft = icon ? 'none' : level >= 2 ? '1px solid #E7E9EE' : ''
   const normal: SxStyleProp = {
     marginLeft: `${ml}px`,