Add styling (and convert from Stylus to CSS)

This commit is contained in:
Oliver-Akins 2020-10-05 22:51:02 -06:00
parent 4d59ff3a0c
commit aed8bd128f

View file

@ -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>