diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/ParentBar.vue | 10 | ||||
| -rw-r--r-- | src/components/TileImg.vue | 2 |
2 files changed, 9 insertions, 3 deletions
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, }; }, }, diff --git a/src/components/TileImg.vue b/src/components/TileImg.vue index 867b57a..be6704c 100644 --- a/src/components/TileImg.vue +++ b/src/components/TileImg.vue @@ -22,6 +22,8 @@ export default defineComponent({ border: '1px black solid', width: this.tileSz + 'px', height: this.tileSz + 'px', + minWidth: this.tileSz + 'px', + minHeight: this.tileSz + 'px', backgroundImage: 'linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0) 40%),' + 'url(\'/img/' + this.layoutNode.tolNode.name.replaceAll('\'', '\\\'') + '.png\')', |