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

This commit is contained in:
2024-06-03 19:34:08 +02:00
parent 2c23268365
commit 3a50629bcd
2 changed files with 16 additions and 11 deletions

18
package-lock.json generated
View File

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

View File

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