gkucmierz/instacode-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: align items in settings

Browse Source
This commit is contained in:
Grzegorz Kućmierz
2022-11-21 06:02:35 +01:00
parent 4f3269ba87
commit 3302b0cf6f
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/SettingsView.vue
View File

@@ -47,12 +47,18 @@ export default defineComponent({
}); });
</script> </script>
<style scoped> <style lang="scss" scoped>
.settings { .settings {
padding: 12px 24px; padding: 12px 24px;
}
label { .item {
margin-left: 12px; display: flex;
align-items: center;
label {
margin-left: 12px;
}
}
} }
</style> </style>
@@ -60,12 +66,12 @@ label {
<div class="settings"> <div class="settings">
<h3>App Settings</h3> <h3>App Settings</h3>
<p> <p class="item">
<InputSwitch v-model="so.autoScroll" inputId="autoScroll" /> <InputSwitch v-model="so.autoScroll" inputId="autoScroll" />
<label for="autoScroll">Auto scroll result</label> <label for="autoScroll">Auto scroll result</label>
</p> </p>
<p> <p class="item">
<InputSwitch v-model="so.autoPrint" inputId="autoPrint" /> <InputSwitch v-model="so.autoPrint" inputId="autoPrint" />
<label for="autoPrint">Auto print expressions</label> <label for="autoPrint">Auto print expressions</label>
</p> </p>