0
0
Fork 0

Add object reminder for spirits

This commit is contained in:
Oliver-Akins 2020-12-20 20:05:43 -07:00
parent db027cde77
commit 28065831c4
2 changed files with 53 additions and 0 deletions

View file

@ -0,0 +1,47 @@
<template>
<div id="ObjectReminder">
<span class="text">
Object:
<br>
{{ targetObject }}
</span>
</div>
</template>
<script>
export default {
name: `ObjectReminder`,
components: {},
computed: {
targetObject() {
return this.$store.state.chosen_object;
},
},
methods: {},
}
</script>
<style scoped>
@import "../css/theme.css";
@import "../css/style.css";
#ObjectReminder {
background-color: var(--background3);
color: var(--background3-text);
border-radius: 100% 0 0 0;
height: var(--size);
width: var(--size);
position: fixed;
--size: 120px;
bottom: 0;
right: 0;
}
.text {
text-align: center;
position: absolute;
font-size: large;
bottom: 30px;
right: 20px;
}
</style>