noxious/client
6
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

npm update, removed background until we have something better, show play button but disable when no char is selected

Browse Source
This commit is contained in:
Dennis Postma
2024-06-03 19:34:08 +02:00
parent 2c23268365
commit 3a50629bcd
2 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
package-lock.json generated
View File

@ -1143,9 +1143,9 @@
} }
}, },
"node_modules/@eslint-community/regexpp": { "node_modules/@eslint-community/regexpp": {
"version": "4.10.0", "version": "4.10.1",
"resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz", "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.1.tgz",
"integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==", "integrity": "sha512-Zm2NGpWELsQAD1xsJzGQpYfvICSsFkEpU0jxBjfdC6uNEWXcHnfs9hScFWtXVDVl+rBQJGrl4g1vcKIejpH9dA==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"engines": { "engines": {
@ -1765,9 +1765,9 @@
"license": "MIT" "license": "MIT"
}, },
"node_modules/@types/node": { "node_modules/@types/node": {
"version": "20.13.0", "version": "20.14.0",
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.13.0.tgz", "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.0.tgz",
"integrity": "sha512-FM6AOb3khNkNIXPnHFDYaHerSv8uN22C91z098AnGccVu+Pcdhi+pNUFDi0iLmPIsVE0JBD0KVS7mzUYt4nRzQ==", "integrity": "sha512-5cHBxFGJx6L4s56Bubp4fglrEpmyJypsqI6RgzMfBHWUJQGWAAi8cWcgetEbZXHYXo9C2Fa4EEds/uSyS4cxmA==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
@ -2934,9 +2934,9 @@
} }
}, },
"node_modules/caniuse-lite": { "node_modules/caniuse-lite": {
"version": "1.0.30001626", "version": "1.0.30001627",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001626.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001627.tgz",
"integrity": "sha512-JRW7kAH8PFJzoPCJhLSHgDgKg5348hsQ68aqb+slnzuB5QFERv846oA/mRChmlLAOdEDeOkRn3ynb1gSFnjt3w==", "integrity": "sha512-4zgNiB8nTyV/tHhwZrFs88ryjls/lHiqFhrxCW4qSTeuRByBVnPYpDInchOIySWknznucaf31Z4KYqjfbrecVw==",
"dev": true, "dev": true,
"funding": [ "funding": [
{ {

9
src/components/screens/Characters.vue
View File

@ -25,7 +25,7 @@
</div> </div>
<div class="button-wrapper"> <div class="button-wrapper">
<button v-if="selected_character" @click="select_character()"> <button :disabled="!selected_character" @click="select_character()">
Play Play
<img src="/assets/icons/arrow.svg"> <img src="/assets/icons/arrow.svg">
</button> </button>
@ -99,7 +99,7 @@ function create() {
@import '@/assets/scss/main'; @import '@/assets/scss/main';
.character-select-screen { .character-select-screen {
background-image: url('/assets/bglogin.png'); background: #dddddd;
.ui-wrapper { .ui-wrapper {
// vertical and vertical center // vertical and vertical center
height: 100vh; height: 100vh;
@ -276,6 +276,11 @@ function create() {
&:hover { &:hover {
background-color: rgba($lilac, 0.75); background-color: rgba($lilac, 0.75);
} }
&:disabled {
background-color: rgba($purple, 0.5);
cursor: not-allowed;
}
} }
} }
} }