Mirrors/stash
1
0
Fork 0
mirror of https://github.com/stashapp/stash.git synced 2025-12-17 20:34:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

Responsive styles for portrait orientation phones

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

18
ui/v2.5/src/components/Settings/SettingsConfigurationPanel.tsx
View File

@@ -174,7 +174,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
<Form.Group id="database-path">
<h6>Database Path</h6>
<Form.Control
className="col-6"
className="col col-sm-6"
defaultValue={databasePath}
onChange={(e: any) => setDatabasePath(e.target.value)}
/>
@@ -186,7 +186,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
<Form.Group id="generated-path">
<h6>Generated Path</h6>
<Form.Control
className="col-6"
className="col col-sm-6"
defaultValue={generatedPath}
onChange={(e: any) => setGeneratedPath(e.target.value)}
/>
@@ -203,7 +203,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
&& excludes.map((regexp, i) => (
<InputGroup>
<Form.Control
className="col-6"
className="col col-sm-6"
value={regexp}
onChange={(e: any) =>
excludeRegexChanged(i, e.target.value)
@@ -246,7 +246,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
<Form.Group id="transcode-size">
<h6>Maximum transcode size</h6>
<Form.Control
className="col-6"
className="col col-sm-6"
as="select"
onChange={(event: React.FormEvent<HTMLSelectElement>) =>
setMaxTranscodeSize(translateQuality(event.currentTarget.value))
@@ -266,7 +266,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
<Form.Group id="streaming-transcode-size">
<h6>Maximum streaming transcode size</h6>
<Form.Control
className="col-6"
className="col col-sm-6"
as="select"
onChange={(event: React.FormEvent<HTMLSelectElement>) =>
setMaxStreamingTranscodeSize(
@@ -294,7 +294,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
<Form.Group id="username">
<h6>Username</h6>
<Form.Control
className="col-6"
className="col col-sm-6"
defaultValue={username}
onChange={(e: React.FormEvent<HTMLInputElement>) =>
setUsername(e.currentTarget.value)
@@ -307,7 +307,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
<Form.Group id="password">
<h6>Password</h6>
<Form.Control
className="col-6"
className="col col-sm-6"
type="password"
defaultValue={password}
onChange={(e: React.FormEvent<HTMLInputElement>) =>
@@ -326,7 +326,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
<Form.Group id="log-file">
<h6>Log file</h6>
<Form.Control
className="col-6"
className="col col-sm-6"
defaultValue={logFile}
onChange={(e: React.FormEvent<HTMLInputElement>) =>
setLogFile(e.currentTarget.value)
@@ -354,7 +354,7 @@ export const SettingsConfigurationPanel: React.FC = () => {
<Form.Group id="log-level">
<h6>Log Level</h6>
<Form.Control
className="col-6"
className="col col-sm-6"
as="select"
onChange={(event: React.FormEvent<HTMLSelectElement>) =>
setLogLevel(event.currentTarget.value)