Responsive styles for portrait orientation phones

This commit is contained in:
Infinite
2020-01-29 22:22:01 +01:00
parent 1ccf8d1586
commit 3f9f32c356
29 changed files with 273 additions and 206 deletions

View File

@@ -103,7 +103,7 @@ export const SettingsInterfacePanel: React.FC = () => {
<Form.Group id="max-loop-duration">
<Form.Label>Maximum loop duration</Form.Label>
<DurationInput
className="col-4"
className="col col-sm-4"
numericValue={maximumLoopDuration}
onValueChange={duration => setMaximumLoopDuration(duration)}
/>
@@ -129,7 +129,7 @@ export const SettingsInterfacePanel: React.FC = () => {
value={css}
onChange={(e: any) => setCSS(e.target.value)}
rows={16}
className="col-6"
className="col col-sm-6"
></Form.Control>
<Form.Text className="text-muted">
Page must be reloaded for changes to take effect.