diff options
| author | jbion <joffrey.bion@amadeus.com> | 2019-02-24 02:27:48 +0100 |
|---|---|---|
| committer | jbion <joffrey.bion@amadeus.com> | 2019-02-24 02:27:48 +0100 |
| commit | a832ef714fddd7151785544eb826d6275685ed7d (patch) | |
| tree | 400bb0c55cdc45d5daea1b60535ac4e1b6a15ccb /frontend/src | |
| parent | Reset current turn when executed so that people can say ready again (diff) | |
| download | seven-wonders-a832ef714fddd7151785544eb826d6275685ed7d.tar.gz seven-wonders-a832ef714fddd7151785544eb826d6275685ed7d.tar.bz2 seven-wonders-a832ef714fddd7151785544eb826d6275685ed7d.zip | |
Position hand at the bottom of the page
Diffstat (limited to 'frontend/src')
| -rw-r--r-- | frontend/src/components/game/Hand.css | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/frontend/src/components/game/Hand.css b/frontend/src/components/game/Hand.css index fb6ccd55..01c17763 100644 --- a/frontend/src/components/game/Hand.css +++ b/frontend/src/components/game/Hand.css @@ -1,5 +1,15 @@ .hand { + align-items: center; + bottom: -14rem; display: flex; + height: 345px; /* can hold enhanced cards */ + left: 50%; + position: absolute; + transform: translateX(-50%); + transition: 0.5s +} +.hand:hover { + bottom: 1rem; } .hand-card { @@ -14,6 +24,7 @@ grid-row: 1; grid-column: 1; opacity: 1; + transition: 0.1s; width: 11rem; } .hand-card.unplayable .hand-card-img { |