diff options
| author | jbion <joffrey.bion@amadeus.com> | 2019-02-26 20:30:59 +0100 |
|---|---|---|
| committer | jbion <joffrey.bion@amadeus.com> | 2019-02-26 20:30:59 +0100 |
| commit | 6c7724ddd48f518cbee0437fa36b105da3ce5852 (patch) | |
| tree | 279d0f625d82c9d3d38d12ac6fce4b303e906f2f /frontend/src/components/game/Hand.css | |
| parent | Fix wonder images aspect ratio (diff) | |
| download | seven-wonders-6c7724ddd48f518cbee0437fa36b105da3ce5852.tar.gz seven-wonders-6c7724ddd48f518cbee0437fa36b105da3ce5852.tar.bz2 seven-wonders-6c7724ddd48f518cbee0437fa36b105da3ce5852.zip | |
Add board and played cards
Diffstat (limited to 'frontend/src/components/game/Hand.css')
| -rw-r--r-- | frontend/src/components/game/Hand.css | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/frontend/src/components/game/Hand.css b/frontend/src/components/game/Hand.css index c1aed09f..d26ddfb5 100644 --- a/frontend/src/components/game/Hand.css +++ b/frontend/src/components/game/Hand.css @@ -1,15 +1,17 @@ .hand { align-items: center; - bottom: -11rem; + bottom: 0; display: flex; height: 345px; /* can hold enhanced cards */ left: 50%; + max-height: 25vw; position: absolute; - transform: translateX(-50%); + transform: translate(-50%, 55%); transition: 0.5s } .hand:hover { bottom: 4rem; + transform: translate(-50%, 0%); } .hand-card { @@ -23,6 +25,8 @@ box-shadow: 2px 2px 5px black; grid-row: 1; grid-column: 1; + max-width: 13vw; + max-height: 60vh; opacity: 1; transition: 0.1s; width: 11rem; @@ -33,6 +37,8 @@ .hand-card:hover .hand-card-img { box-shadow: 0 10px 40px black; width: 14rem; + max-width: 15vw; + max-height: 90vh; } .hand-card .action-buttons { |