Bladeren bron

Stack things in the options pane for narrow screens

tags/v0.0.1
Fen Dweller 5 jaren geleden
bovenliggende
commit
3f5d7bb900
1 gewijzigde bestanden met toevoegingen van 18 en 2 verwijderingen
  1. +18
    -2
      macrovision.css

+ 18
- 2
macrovision.css Bestand weergeven

@@ -54,6 +54,20 @@ body {
text-align: center;
}

@media (max-aspect-ratio: 1/1) {
.options-row {
flex-direction: column;
}

.options-row > .options-field-numeric {
width: 100%;
}

.options-row > .options-field-unit {
width: 100%;
}
}

.options-header {
text-align: center;
font-size: 24pt;
@@ -102,14 +116,16 @@ body {
font-size: 150%;
}

.options-label {
text-align: center;
}

.options-row .options-field-numeric {
flex: 2;
width: 50%;
font-size: 150%;
}

.options-row .options-field-unit {
flex: 1;
width: 50%;
font-size: 150%;
}

Laden…
Annuleren
Opslaan