You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.1 KiB
50 lines
1.1 KiB
<template> |
|
<div class="row" id="status-bar"> |
|
<div class="col-12 pixel-border-static status-bar-inner"> |
|
<div class="float-end time-display"> |
|
{{ $store.state.time.season }}, Week #{{ $store.state.time.week }}<br/> |
|
{{ $store.state.time.stamp }} | {{ weekday }} |
|
</div> |
|
|
|
<div> |
|
Money: <span @click="$store.commit('alphaAddMoney')">{{ $store.state.player.money.toLocaleString() }}$</span> |
|
</div> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<script> |
|
import Weekdays from "@/data/Weekdays"; |
|
|
|
export default { |
|
name: "StatusBar", |
|
computed: { |
|
weekday() { |
|
return Weekdays[this.$store.state.time.weekday]; |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style scoped> |
|
#status-bar { |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
font-family: Pixellari, sans-serif; |
|
margin: 0; |
|
} |
|
|
|
.time-display { |
|
text-align: right; |
|
} |
|
|
|
.status-bar-inner { |
|
border-top: none; |
|
text-align: left; |
|
background-color: white; |
|
border-radius: 0 0 25px 25px; |
|
padding-top: 0.5em; |
|
} |
|
</style> |