para/puzzle
1
1
Fork 0
Code Issues 8 Pull requests Releases Wiki Activity

fix size / responsiveness of image dialogs

Browse source
This commit is contained in:
Zutatensuppe 2021-07-04 18:38:55 +02:00
parent 9c0ceb685e
commit ac0116fc52
6 changed files with 18 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/frontend/components/EditImageDialog.vue
View file

@ -96,7 +96,17 @@ export default defineComponent({
height: 90%;
width: 80%;
}
@media (max-width: 1400px) and (min-height: 720px),
(max-width: 1000px) {
.edit-image-dialog .overlay-content {
grid-template-columns: auto;
grid-template-rows: 1fr min-content min-content;
grid-template-areas:
"image"
"settings"
"buttons";
}
}
.edit-image-dialog .area-image {
grid-area: image;
margin: 20px;

3
src/frontend/components/NewGameDialog.vue
View file

@ -152,7 +152,8 @@ export default defineComponent({
"image-title";
margin-right: 1em;
}
@media (max-width: 1400px) {
@media (max-width: 1400px) and (min-height: 720px),
(max-width: 1000px) {
.new-game-dialog .overlay-content {
grid-template-columns: auto;
grid-template-rows: 1fr min-content min-content;

3
src/frontend/components/NewImageDialog.vue
View file

@ -210,7 +210,8 @@ export default defineComponent({
height: 90%;
width: 80%;
}
@media (max-width: 1400px) {
@media (max-width: 1400px) and (min-height: 720px),
(max-width: 1000px) {
.new-image-dialog .overlay-content {
grid-template-columns: auto;
grid-template-rows: 1fr min-content min-content;