diff options
| author | jbion <joffrey.bion@amadeus.com> | 2019-02-25 21:39:47 +0100 |
|---|---|---|
| committer | jbion <joffrey.bion@amadeus.com> | 2019-02-25 21:39:47 +0100 |
| commit | 6183c512c63ac94c479193fa50204ca1a5cbc62b (patch) | |
| tree | bc2ef10a80c150aaaad3900adcc46fa3547332e5 /frontend/src/components/game/ProductionBar.css | |
| parent | Move resource images to frontend (diff) | |
| download | seven-wonders-6183c512c63ac94c479193fa50204ca1a5cbc62b.tar.gz seven-wonders-6183c512c63ac94c479193fa50204ca1a5cbc62b.tar.bz2 seven-wonders-6183c512c63ac94c479193fa50204ca1a5cbc62b.zip | |
Add production bar
Diffstat (limited to 'frontend/src/components/game/ProductionBar.css')
| -rw-r--r-- | frontend/src/components/game/ProductionBar.css | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/frontend/src/components/game/ProductionBar.css b/frontend/src/components/game/ProductionBar.css new file mode 100644 index 00000000..34765128 --- /dev/null +++ b/frontend/src/components/game/ProductionBar.css @@ -0,0 +1,49 @@ +.production-bar { + align-items: center; + background: lightgray; + bottom: 0; + border-top: 1px #8b8b8b solid; + background: linear-gradient(#eaeaea, #888 7%); + box-shadow: 0 0 15px 0 #747474; + display: flex; + height: 3.5rem; + position: fixed; + width: 100vw; +} + +.fixed-resources { + margin: auto; + display: flex; +} +.alternative-resources { + margin: auto; + display: flex; +} + +.resource-with-count { + margin-left: 2px +} +.resource-choice { + margin-left: 2px; +} + +.resource-img { + height: 3rem; + vertical-align: middle; + width: 3rem; +} + +.resource-count { + font-family: fantasy; + font-size: 1.5rem; + margin-left: 0.2rem; + vertical-align: middle; +} + +.choice-separator { + font-size: 2rem; + vertical-align: middle; + margin: 5px; + color: #c29929; + text-shadow: 0 0 1px black; +} |