router-link(to="/problems")
| {{ st.tr["Problems"] }}
#rightMenu
- .clickable(onClick="window.doClick('modalUser')")
- | {{ st.user.id > 0 ? (st.user.name || "@nonymous") : "Login" }}
+ .clickable(onClick="window.doClick('modalUser')") {{ userName }}
#divSettings.clickable(onClick="window.doClick('modalSettings')")
span {{ st.tr["Settings"] }}
img(src="/images/icons/settings.svg")
}
);
},
+ computed: {
+ userName: function() {
+ return (
+ this.st.user.id > 0
+ ? (this.st.user.name || "@nonymous")
+ : "Login"
+ );
+ }
+ },
methods: {
hideDrawer: function(e) {
e.preventDefault(); //TODO: why is this needed?
background-color: #6f8f57
div.board
+ user-select: none
float: left
height: 0
display: inline-block
div.board11
width: 9.09%
- padding-bottom: 9.1%
+ padding-bottom: 9.09%
+
+div.board12
+ width: 8.33%
+ padding-bottom: 8.33%
img.piece
width: 100%
-img.piece, img.mark-square
+img.piece, img.mark-square, img.circle-square
max-width: 100%
height: auto
display: block
img.mark-square
- opacity: 0.6
+ opacity: .7
width: 76%
position: absolute
top: 12%
left: 12%
- opacity: .7
+
+img.circle-square
+ opacity: 0.7
+ width: 100%
+ position: absolute
+ top: 0
+ left: 0
.in-shadow
filter: brightness(50%)