diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-07-04 20:46:36 +1000 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-07-04 20:46:36 +1000 |
| commit | 6adc1e2696ec997c2e6b74043e06cfd87c6486c1 (patch) | |
| tree | 4a925de1285672bfc00eb083209ad0e09dca8eb1 /src/components/TileInfoModal.vue | |
| parent | 567a21a8d0498f467f558d9ec1a6db8f1b52c0e6 (diff) | |
Add help-info content
Diffstat (limited to 'src/components/TileInfoModal.vue')
| -rw-r--r-- | src/components/TileInfoModal.vue | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue index e1b31db..29901ee 100644 --- a/src/components/TileInfoModal.vue +++ b/src/components/TileInfoModal.vue @@ -4,13 +4,11 @@ max-w-[80%] min-w-[8cm] md:min-w-[14cm] max-h-[80%]" :style="styles"> <div class="pb-1 md:pb-2"> - <div class="flex"> - <h1 class="text-center text-xl font-bold grow pt-2 pb-1 md:text-2xl md:pt-3 md:pb-1"> - {{getDisplayName(nodeName, tolNode)}} - </h1> - <close-icon @click.stop="onClose" ref="closeIcon" - class="block m-1 md:m-2 w-8 h-8 hover:cursor-pointer"/> - </div> + <close-icon @click.stop="onClose" ref="closeIcon" + class="block absolute top-1 right-1 md:m-2 w-8 h-8 hover:cursor-pointer"/> + <h1 class="text-center text-xl font-bold pt-2 pb-1 mx-10 md:text-2xl md:pt-3 md:pb-1"> + {{getDisplayName(nodeName, tolNode)}} + </h1> <div class="flex justify-evenly text-sm md:text-base"> <div> Children: {{tolNode.children.length}} </div> <div> Tips: {{tolNode.tips}} </div> @@ -85,10 +83,10 @@ <div>{{descInfos[idx]!.text}}</div> <div class="text-sm text-right"> From - <a :href="'https://en.wikipedia.org/?curid=' + descInfos[idx]!.wikiId" target="_blank"> - Wikipedia - </a> - <external-link-icon class="inline-block w-3 h-3"/> + <a :href="'https://en.wikipedia.org/?curid=' + descInfos[idx]!.wikiId" + target="_blank">Wikipedia</a> + <external-link-icon class="inline-block w-3 h-3 ml-1"/> + {{descInfos[idx]!.fromDbp ? '(via DBpedia)' : ''}} </div> </div> <div v-else class="text-center"> |