diff --git a/package-lock.json b/package-lock.json index d9b92a482..954668f88 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@sap-devx/inquirer-gui", - "version": "0.1.14", + "version": "0.1.19", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/sample-app/src/QuestionSampleTiles.vue b/sample-app/src/QuestionSampleTiles.vue index f781675f3..0b96c9a05 100644 --- a/sample-app/src/QuestionSampleTiles.vue +++ b/sample-app/src/QuestionSampleTiles.vue @@ -16,21 +16,30 @@ class="d-flex flex-column mx-auto" @click="onAnswerChanged(item.value)" :data-itemvalue="item.value" - height="380" + :data-height="!!item.description ? 380 : 0" tile hover flat dark elevation=2 > - {{item.name}} - - {{item.description}} - - - - More Information - + + + diff --git a/sample-app/src/main.js b/sample-app/src/main.js index f9dfe2d57..018bd830f 100644 --- a/sample-app/src/main.js +++ b/sample-app/src/main.js @@ -11,6 +11,19 @@ const SAP_IMAGE = require("./sapImage").default; const WORKFLOW_IMAGE = require("./workflowImage").default; const questions0 = [ + { + name: "simpleTiles", + message: "", + type: "list", + guiOptions: { + type: "sample-tiles", + }, + choices: [ + { value: "listReport", name: "List Report", image: SAP_IMAGE }, + { value: "masterDetail", name: "Master-Detail Application", image: WORKFLOW_IMAGE} + ], + default: "masterDetail" + }, { name: "appType", message: "", diff --git a/tiles-plugin/src/packages/QuestionTiles.vue b/tiles-plugin/src/packages/QuestionTiles.vue index 8b7777528..96d9a4fc5 100644 --- a/tiles-plugin/src/packages/QuestionTiles.vue +++ b/tiles-plugin/src/packages/QuestionTiles.vue @@ -16,21 +16,30 @@ class="d-flex flex-column mx-auto" @click="onAnswerChanged(item.value)" :data-itemvalue="item.value" - height="380" + :data-height="!!item.description ? 380 : 0" tile hover flat dark elevation=2 > - {{item.name}} - - {{item.description}} - - - - More Information - + + +