Add styling (and convert from Stylus to CSS)
This commit is contained in:
parent
4d59ff3a0c
commit
aed8bd128f
1 changed files with 24 additions and 4 deletions
|
|
@ -80,11 +80,31 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style scoped>
|
||||||
@import "../theme.styl"
|
@import "../css/colours.css";
|
||||||
|
|
||||||
#game_lobby {
|
#game_lobby {
|
||||||
text-align: center
|
text-align: center;
|
||||||
width: 90vw
|
width: 90vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.player {
|
||||||
|
background-color: var(--card-background-colour);
|
||||||
|
justify-content: space-between;
|
||||||
|
color: var(--card-text-colour);
|
||||||
|
margin: 5px auto;
|
||||||
|
display: flex;
|
||||||
|
width: 30vw;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
|
flex-grow: 2;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.kick {
|
||||||
|
margin: 5px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue