Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Update the eye position to be accurate

Browse source
This commit is contained in:
Oliver-Akins 2021-03-20 16:31:42 -06:00
parent 0d6ec5093c
commit ff03846a14
1 changed files with 17 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

35
web/src/components/GameBoard.vue
View file

@ -210,11 +210,6 @@ h2 {
margin: 12px 0; margin: 12px 0;
} }
#other-team-answers .answer {
justify-content: flex-end;
display: flex;
}
.team-container { .team-container {
height: 100%; height: 100%;
width: 45%; width: 45%;
@ -223,37 +218,41 @@ h2 {
.answer-container { .answer-container {
justify-content: space-evenly; justify-content: space-evenly;
flex-direction: column; flex-direction: column;
align-items: center;
display: flex; display: flex;
} }
#other-team-answers .answer-container {
align-items: flex-end;
}
.answer { .answer {
position: relative; position: relative;
width: 100%; width: 90%;
} }
.answer.correct > input { .answer.correct > input {
border-color: green !important; border-color: green !important;
border-width: 3px; border-width: 3px;
} }
#other-team-answers .answer {
margin-right: 20px;
}
.eye-container { .eye-container {
position: absolute; position: absolute;
width: 70px; height: 100%;
z-index: 1; z-index: 1;
} }
.team { .team {
right: -40px; right: -53px;
top: 25%; top: 0;
} }
.other-team { .other-team {
text-align: right; left: -35px;
left: -50px; top: 0;
top: 25%;
} }
.eye { .eye {
height: 25px; height: 100%;
vertical-align: bottom;
} }
.eye-multiplier { .eye-multiplier {
@ -271,18 +270,18 @@ input[type="text"] {
font-size: larger; font-size: larger;
outline: none; outline: none;
padding: 7px; padding: 7px;
width: 80%; width: 100%;
margin: 0; margin: 0;
} }
input[type="text"]:focus { input[type="text"]:focus {
border-color: var(--board-background-text); border-color: var(--board-background-text);
} }
input[type="text"].team-answer { /* input[type="text"].team-answer {
padding-right: 5%; padding-right: 5%;
} }
input[type="text"].other-team-answer { input[type="text"].other-team-answer {
padding-left: 5%; padding-left: 5%;
} } */
#past-questions-toggle { #past-questions-toggle {
background-color: var(--past-questions-button-default); background-color: var(--past-questions-button-default);