diff options
author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2020-08-21 09:46:20 +0200 |
---|---|---|
committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2020-08-21 17:25:14 +0200 |
commit | 417448cac5e1ebac691a8fc417a578f45e9bf08e (patch) | |
tree | 56c46b30a9a42dd721f8426b3faee4fd9a54b56d /src/components/Properties/PropertyText.vue | |
parent | 68c5b1ce9c2739e2909dc32dbf8f302f52b7aacb (diff) |
Implement masonry
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'src/components/Properties/PropertyText.vue')
-rw-r--r-- | src/components/Properties/PropertyText.vue | 11 |
1 files changed, 1 insertions, 10 deletions
diff --git a/src/components/Properties/PropertyText.vue b/src/components/Properties/PropertyText.vue index 39554ef3..129bd811 100644 --- a/src/components/Properties/PropertyText.vue +++ b/src/components/Properties/PropertyText.vue @@ -21,7 +21,7 @@ --> <template> - <div v-if="propModel" :class="`grid-span-${gridLength} property-${propName}`" class="property"> + <div v-if="propModel" class="property"> <!-- title if first element --> <PropertyTitle v-if="isFirstProperty && propModel.icon" :icon="propModel.icon" @@ -131,15 +131,6 @@ export default { }, computed: { - gridLength() { - const hasTitle = this.isFirstProperty && this.propModel.icon ? 1 : 0 - const isLast = this.isLastProperty ? 1 : 0 - const noteHeight = this.propName === 'note' - ? this.noteHeight - : 0 - // length is one & add one space at the end - return hasTitle + 1 + isLast + noteHeight - }, inputmode() { if (this.propName === 'tel') { return 'tel' |