chore(scenery): added scenery's forum link to general info

This commit is contained in:
2026-03-22 15:16:09 +01:00
parent 89b6361a1c
commit c8c1a15191
4 changed files with 30 additions and 10 deletions
+11 -8
View File
@@ -4,9 +4,13 @@
<img src="/images/icon-back.svg" alt="return button" />
</button>
<a class="scenery-name" :href="station?.generalInfo?.url" target="_blank">
{{ stationName.replace(/_/g, ' ') }}
</a>
<div class="scenery-name">
<a v-if="station?.generalInfo" :href="station.generalInfo.url" target="_blank">
{{ stationName.replace(/_/g, ' ') }}
</a>
<span v-else> {{ stationName.replace(/_/g, ' ') }}</span>
</div>
<div class="scenery-hash" v-if="onlineScenery?.hash">#{{ onlineScenery.hash }}</div>
</section>
@@ -53,15 +57,14 @@ function onReturnButtonClick() {
.btn-return {
$bgColor: #2b2b2b;
background-color: $bgColor;
margin-bottom: 0.5em;
img {
width: 2em;
}
&:hover {
background-color: color.adjust($color: $bgColor, $lightness: 15%);
}
img {
height: 2em;
}
}
.scenery-name {
@@ -7,6 +7,18 @@
<div v-else>
<div>
<span>
<a
v-if="station?.generalInfo"
:href="station.generalInfo.url"
class="forum-link"
target="_blank"
>
{{ $t('scenery.forum-topic') }}
</a>
</span>
<span>
&bull;
<b>{{ $t('scenery.abbrev') }}</b> {{ station.generalInfo.abbr }}
</span>
@@ -95,4 +107,9 @@ export default defineComponent({
.scenery-abbrev {
font-size: 1.05em;
}
a.forum-link {
text-decoration: underline;
font-weight: bold;
}
</style>