From 0b736a9df79b5ab88e40858e5f94a32d141a76ba Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Wed, 23 Mar 2022 18:47:51 +1100
Subject: Tweak parent-bar styling

---
 src/components/ParentBar.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'src/components/ParentBar.vue')

diff --git a/src/components/ParentBar.vue b/src/components/ParentBar.vue
index fab8f9f..8bd513a 100644
--- a/src/components/ParentBar.vue
+++ b/src/components/ParentBar.vue
@@ -34,15 +34,19 @@ export default defineComponent({
 				top: this.pos[1] + 'px',
 				width: (this.dims[0] + (this.wideArea || this.hasOverflow ? 0 : -this.scrollBarOffset)) + 'px',
 				height: (this.dims[1] + (!this.wideArea || this.hasOverflow ? 0 : -this.scrollBarOffset)) + 'px',
-				paddingRight: (this.hasOverflow && !this.wideArea ? this.scrollBarOffset : 0) + 'px',
-				paddingBottom: (this.hasOverflow && this.wideArea ? this.scrollBarOffset : 0) + 'px',
 				overflowX: this.wideArea ? 'auto' : 'hidden',
 				overflowY: this.wideArea ? 'hidden' : 'auto',
+				// Extra padding for scrollbar inclusion
+				paddingRight: (this.hasOverflow && !this.wideArea ? this.scrollBarOffset : 0) + 'px',
+				paddingBottom: (this.hasOverflow && this.wideArea ? this.scrollBarOffset : 0) + 'px',
+				// For child layout
 				display: 'flex',
 				flexDirection: this.wideArea ? 'row' : 'column',
 				gap: this.tileMargin + 'px',
 				padding: this.tileMargin + 'px',
-				backgroundColor: 'gray',
+				//
+				backgroundColor: '#44403c',
+				boxShadow: this.options.shadowNormal,
 			};
 		},
 	},
-- 
cgit v1.2.3

