Style settings to work better on mobile

This commit is contained in:
Callum Loh 2023-03-25 00:23:58 +00:00
parent 01256df85d
commit 6a5865329f
2 changed files with 14 additions and 0 deletions

View file

@ -71,6 +71,7 @@ export default class CronSettingTab extends PluginSettingTab {
await this.plugin.saveSettings();
this.plugin.loadCrons();
})
.inputEl.addClass('cron-plugin-text-input')
)
.addSearch((cb) => {
new CommandSuggest(cb.inputEl);
@ -83,6 +84,7 @@ export default class CronSettingTab extends PluginSettingTab {
await this.plugin.saveSettings();
this.plugin.loadCrons();
})
.inputEl.addClass('cron-plugin-text-input')
})
.addText(text => text
.setPlaceholder("CronJob frequency")
@ -92,6 +94,7 @@ export default class CronSettingTab extends PluginSettingTab {
await this.plugin.saveSettings();
this.plugin.loadCrons();
})
.inputEl.addClass('cron-plugin-text-input')
)
.addExtraButton((button) => {
button.setIcon(cronjob.settings.enableMobile ? "lucide-phone" : "lucide-phone-off")
@ -137,6 +140,8 @@ export default class CronSettingTab extends PluginSettingTab {
this.display();
});
});
jobSetting.controlEl.addClass("cron-plugin-job")
});
new Setting(this.containerEl).addButton((cb) => {

View file

@ -6,3 +6,12 @@ available in the app when your plugin is enabled.
If your plugin does not need CSS, delete this file.
*/
.cron-plugin-text-input {
width: 10vw;
min-width: 180px;
}
.cron-plugin-job {
flex-wrap: wrap;
}