mirror of https://github.com/bra1n/townsquare.git
styling
This commit is contained in:
parent
a197fa5e8c
commit
3d9d0d453e
15
src/App.vue
15
src/App.vue
|
@ -21,11 +21,13 @@
|
||||||
<RolesModal />
|
<RolesModal />
|
||||||
<ReferenceModal />
|
<ReferenceModal />
|
||||||
<Gradients />
|
<Gradients />
|
||||||
|
<span id="version">v{{ version }}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { mapState } from "vuex";
|
import { mapState } from "vuex";
|
||||||
|
import { version } from "../package.json";
|
||||||
import TownSquare from "./components/TownSquare";
|
import TownSquare from "./components/TownSquare";
|
||||||
import TownInfo from "./components/TownInfo";
|
import TownInfo from "./components/TownInfo";
|
||||||
import Menu from "./components/Menu";
|
import Menu from "./components/Menu";
|
||||||
|
@ -52,6 +54,11 @@ export default {
|
||||||
...mapState(["grimoire", "session"]),
|
...mapState(["grimoire", "session"]),
|
||||||
...mapState("players", ["players"])
|
...mapState("players", ["players"])
|
||||||
},
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
version
|
||||||
|
};
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
takeScreenshot(dimensions) {
|
takeScreenshot(dimensions) {
|
||||||
this.$refs.menu.takeScreenshot(dimensions);
|
this.$refs.menu.takeScreenshot(dimensions);
|
||||||
|
@ -224,6 +231,14 @@ ul {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#version {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
bottom: 10px;
|
||||||
|
font-size: 60%;
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
.blur-enter-active,
|
.blur-enter-active,
|
||||||
.blur-leave-active {
|
.blur-leave-active {
|
||||||
transition: all 250ms;
|
transition: all 250ms;
|
||||||
|
|
|
@ -343,7 +343,7 @@ export default {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: perspective(400px) scale(1.5);
|
transform: perspective(400px) scale(1.5);
|
||||||
transform-origin: top center;
|
transform-origin: top center;
|
||||||
transition: all 200ms ease-in-out;
|
transition: all 200ms;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -363,6 +363,10 @@ export default {
|
||||||
top: 0;
|
top: 0;
|
||||||
transform: perspective(400px) scale(1);
|
transform: perspective(400px) scale(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#townsquare:not(.spectator) &.dead .shroud:hover:before {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/****** Life token *******/
|
/****** Life token *******/
|
||||||
|
|
Loading…
Reference in New Issue