added optional default offset based on border width

AllGistsEqual · Jan 26, 2020 · 9ebfaa6 · 9ebfaa6
1 parent 39cace4
commit 9ebfaa6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 10 deletions.
diff --git a/src/components/Box/index.jsx b/src/components/Box/index.jsx
@@ -46,10 +46,10 @@ const Box = ({ children, setup }) => {
         background: {
             backgroundColor: backgroundColor || undefined,
             position: 'absolute',
-            top: backgroundOffset.top ?? 0,
-            right: backgroundOffset.right ?? 0,
-            bottom: backgroundOffset.bottom ?? 0,
-            left: backgroundOffset.left ?? 0,
+            top: backgroundOffset.top ?? N.height ?? 0,
+            right: backgroundOffset.right ?? E.width ?? 0,
+            bottom: backgroundOffset.bottom ?? S.height ?? 0,
+            left: backgroundOffset.left ?? W.width ?? 0,
         },
         posN: {
             ...base.pos,

diff --git a/src/scenes/ScenePlayground.jsx b/src/scenes/ScenePlayground.jsx
@@ -13,12 +13,6 @@ const setupOffset = {
     height: 160,
     margin: 0,
     backgroundColor: '#ddd',
-    backgroundOffset: {
-        top: 30,
-        right: 30,
-        bottom: 30,
-        left: 30,
-    },
     N: {
         id: 'N',
         height: 20,