1
0
peddlers-of-ketran/client/src/ChooseCard.css
James Ketrenos 7acec84f94 Scale all dialogs to fit with scrolling
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
2022-02-26 15:44:39 -08:00

42 lines
642 B
CSS

.ChooseCard {
display: flex;
position: absolute;
left: 0;
right: 30rem;
bottom: 0;
top: 0;
justify-content: center;
align-items: center;
background: rgba(0,0,0,0.5);
z-index: 1000;
}
.ChooseCard > * {
max-height: calc(100vh - 2em);
overflow: auto;
margin: 0.5em;
width: 40em;
display: inline-flex;
padding: 0.5em;
flex-direction: column;
}
.ChooseCard .Title {
align-self: center;
padding: 2px;
font-weight: bold;
margin-bottom: 0.5em;
}
.ChooseCard .Stack {
margin: 0;
padding: 0;
}
.ChooseCard .Resource {
width: 8em; /* 5x7 aspect ratio */
height: 11.2em;
margin: 0;
padding: 0;
}