From 8acbc23bbff51197988fbdcf06e13d2b9a757b72 Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Wed, 23 Mar 2022 18:07:35 +1100
Subject: Add TileImg for use by Tile and ParentBar. Remove scrim divs.

---
 src/components/ParentBarTile.vue | 40 ----------------------------------------
 1 file changed, 40 deletions(-)
 delete mode 100644 src/components/ParentBarTile.vue

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

diff --git a/src/components/ParentBarTile.vue b/src/components/ParentBarTile.vue
deleted file mode 100644
index 7e17ba6..0000000
--- a/src/components/ParentBarTile.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts">
-import {defineComponent, PropType} from 'vue';
-import {LayoutNode} from '../lib';
-
-export default defineComponent({
-	props: {
-		layoutNode: {type: Object as PropType<LayoutNode>, required: true},
-		tileSz: {type: Number, required: true}, //px (length of tile edge)
-	},
-	computed: {
-		styles(): Record<string,string> {
-			return {
-				border: '1px black solid',
-				width: this.tileSz + 'px',
-				height: this.tileSz + 'px',
-				minWidth: this.tileSz + 'px',
-				minHeight: this.tileSz + 'px',
-				backgroundImage: 'url(\'/img/' + this.layoutNode.tolNode.name.replaceAll('\'', '\\\'') + '.png\')',
-				backgroundSize: 'cover',
-				borderRadius: '5px',
-			};
-		},
-		headerStyles(): Record<string,string> {
-			return {
-				color: 'greenyellow',
-				// For ellipsis
-				overflow: 'hidden',
-				textOverflow: 'ellipsis',
-				whiteSpace: 'nowrap',
-			};
-		},
-	},
-});
-</script>
-
-<template>
-	<div :style="styles">
-		<div :style="headerStyles">{{layoutNode.tolNode.name}}</div>
-	</div>
-</template>
-- 
cgit v1.2.3