aboutsummaryrefslogtreecommitdiff
path: root/src/components/TileInfoModal.vue
diff options
context:
space:
mode:
authorTerry Truong <terry06890@gmail.com>2022-07-04 21:19:11 +1000
committerTerry Truong <terry06890@gmail.com>2022-07-04 21:38:13 +1000
commit9e8e30c5c680ca81862e4fba5f7ae9ecea62b8ff (patch)
treedfff71771a8896b68b273b8cc073f128e3d20203 /src/components/TileInfoModal.vue
parent6adc1e2696ec997c2e6b74043e06cfd87c6486c1 (diff)
Update IconButton to maintain equal width/height
Diffstat (limited to 'src/components/TileInfoModal.vue')
-rw-r--r--src/components/TileInfoModal.vue10
1 files changed, 4 insertions, 6 deletions
diff --git a/src/components/TileInfoModal.vue b/src/components/TileInfoModal.vue
index 29901ee..8c2363b 100644
--- a/src/components/TileInfoModal.vue
+++ b/src/components/TileInfoModal.vue
@@ -36,10 +36,9 @@
</a>
<s-collapsible class="text-sm text-center max-w-full md:max-w-[200px] mx-auto">
<template v-slot:summary="slotProps">
- <div class="py-1">
- <down-icon class="inline-block w-4 h-4 transition-transform duration-300"
- :class="{'-rotate-90': !slotProps.collapsed}"/>
- Source Information
+ <div class="py-1 hover:underline">
+ <down-icon class="inline-block w-4 h-4 mr-1 transition-transform duration-300"
+ :class="{'-rotate-90': !slotProps.collapsed}"/>Source Information
</div>
</template>
<template v-slot:content>
@@ -82,9 +81,8 @@
<div v-if="descInfos[idx]! != null">
<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>
+ target="_blank">From Wikipedia</a>
<external-link-icon class="inline-block w-3 h-3 ml-1"/>
{{descInfos[idx]!.fromDbp ? '(via DBpedia)' : ''}}
</div>