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

Change width to min-width for the cards and allow x-scroll on the hand component.

Browse source
This commit is contained in:
Oliver-Akins 2020-12-18 18:40:04 -07:00
parent 17e43beb1e
commit 0ddbaf064b
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/Hand.vue
View file

@ -104,18 +104,18 @@ export default {
border-radius: 20px; border-radius: 20px;
align-items: center; align-items: center;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow-x: auto;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
height: 250px;
padding: 0px; padding: 0px;
width: 95%; width: 95%;
} }
.card { .card {
background-color: var(--card-background); background-color: var(--card-background);
min-width: calc(100% / 9);
color: var(--card-text); color: var(--card-text);
flex-direction: column; flex-direction: column;
width: calc(100% / 9);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
display: flex; display: flex;