diff --git a/src/assets/icon-back.svg b/src/assets/icon-back.svg
new file mode 100644
index 0000000..027a350
--- /dev/null
+++ b/src/assets/icon-back.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/components/SceneryView/SceneryHistory.vue b/src/components/SceneryView/SceneryHistory.vue
index 2b0e9f6..09a1f21 100644
--- a/src/components/SceneryView/SceneryHistory.vue
+++ b/src/components/SceneryView/SceneryHistory.vue
@@ -10,7 +10,7 @@
@keydown.space="toggleTimeline(i)"
tabindex="0"
>
- {{ timeline.date }}
+ {{ timeline.date }}
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index d4c94ac..5b830b1 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -10,26 +10,29 @@
+
+
+
+
-
-
-
-
-
-
+
-
@@ -41,7 +44,7 @@ import { DataStatus } from '@/scripts/enums/DataStatus';
import SceneryInfo from '@/components/SceneryView/SceneryInfo.vue';
import SceneryTimetable from '@/components/SceneryView/SceneryTimetable.vue';
import SceneryHistory from '@/components/SceneryView/SceneryHistory.vue';
-import SceneryHeader from "@/components/SceneryView/SceneryHeader.vue";
+import SceneryHeader from '@/components/SceneryView/SceneryHeader.vue';
import ActionButton from '@/components/Global/ActionButton.vue';
@@ -57,6 +60,7 @@ export default defineComponent({
icons: {
history: require('@/assets/icon-history.svg'),
user: require('@/assets/icon-user.svg'),
+ back: require('@/assets/icon-back.svg'),
},
cardHeight: 0,
@@ -93,11 +97,15 @@ export default defineComponent({
setCardViewMode(mode: string) {
this.viewMode = mode;
},
+
+ navigateTo(path: string) {
+ this.$router.push(path);
+ }
},
mounted() {
this.cardHeight = (this.$refs['card-wrapper'] as HTMLElement).getBoundingClientRect().height;
- }
+ },
});
@@ -151,15 +159,21 @@ $sceneryBgCol: #333;
}
}
-button.history-btn {
+button.btn {
position: absolute;
- top: 0.5em;
- right: 0.5em;
-
padding: 0.25em;
+ top: 0.5em;
img {
width: 2em;
}
}
+
+button.history-btn {
+ right: 0.5em;
+}
+
+button.back-btn {
+ left: 0.5em;
+}