aboutsummaryrefslogtreecommitdiff
path: root/src/components/ParentBarTile.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/ParentBarTile.vue')
-rw-r--r--src/components/ParentBarTile.vue40
1 files changed, 0 insertions, 40 deletions
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>