mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-05 14:28:11 +00:00
chore(scenery): added scenery's forum link to general info
This commit is contained in:
@@ -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>
|
||||
•
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user