Adjusted settings style

This commit is contained in:
glax 2023-05-25 18:18:31 +02:00
parent b643a0c2a9
commit fdbb4570be
2 changed files with 17 additions and 10 deletions

View File

@ -73,13 +73,13 @@
<popup id="settingsPopup"> <popup id="settingsPopup">
<blur-background id="blurBackgroundSettingsPopup"></blur-background> <blur-background id="blurBackgroundSettingsPopup"></blur-background>
<settings> <settings>
<span class="title">Settings</span> <span style="font-weight: bold; text-align: center; font-size: 16pt;">Settings</span>
<div> <div>
<span class="title">Download Location:</span> <p class="title">Download Location:</p>
<span id="downloadLocation"></span> <span id="downloadLocation"></span>
</div> </div>
<div> <div>
<span class="title">API-URI</span> <p class="title">API-URI</p>
<label for="settingApiUri"></label><input placeholder="https://" type="text" id="settingApiUri"> <label for="settingApiUri"></label><input placeholder="https://" type="text" id="settingApiUri">
</div> </div>
<komga-settings> <komga-settings>
@ -88,7 +88,7 @@
<label for="komgaUrl"></label><input placeholder="URL" id="komgaUrl" type="text"> <label for="komgaUrl"></label><input placeholder="URL" id="komgaUrl" type="text">
<label for="komgaUsername"></label><input placeholder="Username" id="komgaUsername" type="text"> <label for="komgaUsername"></label><input placeholder="Username" id="komgaUsername" type="text">
<label for="komgaPassword"></label><input placeholder="Password" id="komgaPassword" type="password"> <label for="komgaPassword"></label><input placeholder="Password" id="komgaPassword" type="password">
<div><label for="komgaUpdateTime" style="margin-right: 5px;">Update Time</label><input id="komgaUpdateTime" type="time" value="00:01:00" step="10"></div> <label for="komgaUpdateTime" style="margin-right: 5px;">Update Time</label><input id="komgaUpdateTime" type="time" value="00:01:00" step="10">
<input type="submit" value="Update" onclick="UpdateKomgaSettings()"> <input type="submit" value="Update" onclick="UpdateKomgaSettings()">
</komga-settings> </komga-settings>
</settings> </settings>

View File

@ -149,18 +149,29 @@ settings {
left: 25%; left: 25%;
top: 25%; top: 25%;
border-radius: 5px; border-radius: 5px;
padding: 10px 0;
} }
#settingsPopup{ #settingsPopup{
z-index: 10; z-index: 10;
} }
settings > *{ settings > * {
margin: 10px 5px; margin: 0 20%;
}
settings input {
margin: 3px 0;
padding: 3px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,0.2);
width: 100%;
} }
settings .title { settings .title {
font-weight: bolder; font-weight: bolder;
font-size: 14pt;
margin: 15px 0 2px 0;
} }
komga-settings { komga-settings {
@ -170,10 +181,6 @@ komga-settings {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
komga-settings input {
margin: 3px 0;
}
#addPublication { #addPublication {
cursor: pointer; cursor: pointer;
background-color: var(--secondary-color); background-color: var(--secondary-color);