diff options
Diffstat (limited to 'src/components/ParentBarTile.vue')
| -rw-r--r-- | src/components/ParentBarTile.vue | 40 |
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> |
