Settings UI improvements ⚙

This commit is contained in:
Jokob-sk
2023-10-14 18:57:16 +11:00
parent 8ad63ba07d
commit 7da9bf03a3
2 changed files with 28 additions and 20 deletions

View File

@@ -626,6 +626,8 @@ height: 50px;
.settings-group .settings-group
{ {
font-size: 20px; font-size: 20px;
padding-top: 7px;
padding-bottom: 9px;
} }
.settings-group i{ .settings-group i{

View File

@@ -72,29 +72,35 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
</h1> </h1>
<div class="settingsImported"><?= lang("settings_imported");?> <span id="lastImportedTime"></span></div> <div class="settingsImported"><?= lang("settings_imported");?> <span id="lastImportedTime"></span></div>
</section> </section>
<div class="content settingswrap col-sm-12" id="accordion_gen"> <div class="content settingswrap " id="accordion_gen">
<div class ="settings-group col-sm-12" > <div class ="bg-grey-dark color-palette box panel panel-default col-sm-12 box-default box-info" >
<?= lang("Plugins_type_core");?> (<i class="<?= lang("Plugins_type_core_icon");?>"></i>) <div class ="settings-group col-sm-12">
</div> <i class="<?= lang("Plugins_type_core_icon");?>"></i> <?= lang("Plugins_type_core");?>
<div class =" col-sm-12" id="core_content"></div> </div>
<div class =" col-sm-12" id="core_content"></div>
</div>
<div class ="bg-grey-dark color-palette box panel panel-default col-sm-12 box-default box-info" >
<div class ="settings-group col-sm-12">
<i class="<?= lang("Plugins_type_system_icon");?>"></i> <?= lang("Plugins_type_system");?>
</div>
<div class =" col-sm-12" id="system_content"></div>
</div>
<div class ="settings-group col-sm-12" > <div class ="bg-grey-dark color-palette box panel panel-default col-sm-12 box-default box-info" >
<?= lang("Plugins_type_system");?> (<i class="<?= lang("Plugins_type_system_icon");?>"></i>) <div class ="settings-group col-sm-12">
</div> <i class="<?= lang("Plugins_type_scanner_icon");?>"></i> <?= lang("Plugins_type_scanner");?>
<div class =" col-sm-12" id="system_content"></div> </div>
<div class =" col-sm-12" id="scanner_content"></div>
<div class ="settings-group col-sm-12" > </div>
<?= lang("Plugins_type_scanner");?> (<i class="<?= lang("Plugins_type_scanner_icon");?>"></i>)
</div>
<div class =" col-sm-12" id="scanner_content"></div>
<div class ="settings-group col-sm-12" >
<?= lang("Plugins_type_publisher");?> (<i class="<?= lang("Plugins_type_publisher_icon");?>"></i>)
</div>
<div class =" col-sm-12" id="publisher_content"></div>
<div class ="bg-grey-dark color-palette box panel panel-default col-sm-12 box-default box-info" >
<div class ="settings-group col-sm-12">
<i class="<?= lang("Plugins_type_publisher_icon");?>"></i> <?= lang("Plugins_type_publisher");?>
</div>
<div class =" col-sm-12" id="publisher_content"></div>
</div>
</div> </div>
@@ -187,7 +193,7 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
for (const group of settingGroups) { for (const group of settingGroups) {
let isPlugin = false; let isPlugin = false;
headerHtml = `<div class="box panel panel-default"> headerHtml = `<div class="box box-solid box-primary panel panel-default">
<a data-toggle="collapse" data-parent="#accordion_gen" href="#${group}"> <a data-toggle="collapse" data-parent="#accordion_gen" href="#${group}">
<div class="panel-heading"> <div class="panel-heading">
<h4 class="panel-title">${getString(group+"_icon")} ${getString(group+"_display_name")}</h4> <h4 class="panel-title">${getString(group+"_icon")} ${getString(group+"_display_name")}</h4>