Git_Mirror/Werewolf
1
0
Fork 0
mirror of https://github.com/AlecM33/Werewolf.git synced 2026-01-02 01:03:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

add deck status module

Browse Source
This commit is contained in:
AlecM33
2022-01-04 22:36:11 -05:00
parent d46d5d3b35
commit bd863dd683
6 changed files with 75 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/styles/GLOBAL.css
View File

@@ -395,11 +395,11 @@ input {
}
.good-players, #deck-good {
background-color: #1c1a36;
background-color: #26244a;
}
.evil-players, #deck-evil {
background-color: #361a1a;
background-color: #4a2424;
}
.evil, .compact-card.evil .card-role {

42
client/src/styles/create.css
View File

@@ -4,7 +4,7 @@
cursor: pointer;
position: relative;
margin: 0.3em;
background-color: #393a40;
background-color: #191920;
color: gray;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
border-radius: 3px;
@@ -83,8 +83,16 @@
width: fit-content;
}
#custom-roles-container {
margin: 1em 0;
.deck-role {
border-radius: 3px;
margin: 0.25em 0;
padding: 0 5px;
font-size: 18px;
}
#custom-roles-container, #deck-status-container {
color: #d7d7d7;
margin: 1em 0.5em;
background-color: #191920;
padding: 10px;
border-radius: 3px;
@@ -92,6 +100,28 @@
position: relative;
}
#deck-status-container {
min-width: 15em;
height: 13em;
overflow-y: auto;
position: relative;
}
#deck-count {
font-size: 30px;
position: sticky;
top: 0;
left: 5px;
background-color: #333243;
width: fit-content;
padding: 0 5px;
border-radius: 3px;
}
#deck-list {
margin-top: 0.5em;
}
#custom-role-hamburger .hamburger-inner, #custom-role-hamburger .hamburger-inner::before, #custom-role-hamburger .hamburger-inner::after {
background-color: whitesmoke;
width: 28px;
@@ -360,13 +390,17 @@ input[type="number"] {
padding: 10px 20px;
}
#step-forward-button, #step-back-button {
background-color: #66666657 !important;
}
#step-forward-button, #create-game {
right: 15%;
}
#step-back-button {
left: 15%;
background-color: #762323 !important;
background-color: #762323;
}
#step-1 div {

6
client/src/styles/game.css
View File

@@ -512,7 +512,6 @@ label[for='moderator'] {
.kill-player-button, .reveal-role-button {
font-family: 'signika-negative', sans-serif !important;
padding: 5px;
border-radius: 3px;
color: whitesmoke;
font-size: 16px;
@@ -529,7 +528,6 @@ label[for='moderator'] {
.placeholder-button {
font-family: 'signika-negative', sans-serif !important;
padding: 5px;
display: flex;
justify-content: center;
border-radius: 3px;
@@ -538,7 +536,7 @@ label[for='moderator'] {
font-size: 16px;
border: 2px solid transparent;
text-shadow: 0 3px 4px rgb(0 0 0 / 55%);
margin: 5px 0 5px 25px;
margin: 5px 0 5px 35px;
width: 103px;
}
@@ -613,7 +611,7 @@ label[for='moderator'] {
#game-player-list {
overflow-y: auto;
overflow-x: hidden;
padding: 0;
padding: 0 10px 10px 0;
max-height: 37em;
}