Seekra/frontend
3
3
Fork 0
generated from Seekra/repository-template
Code Issues 9 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

Feat(settings): add renderer for settings configuration #142

Merged
jakob.scheid merged 88 commits from feature/settings-renderer into main 2026-07-28 20:14:50 +02:00
Conversation 12 Commits 88 Files Changed 37
+21 -21
2 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4b6881808d - Show all commits
src/features/settings/components/Selection.vue
+2 -21
View File
@@ -66,7 +66,7 @@ watch(selected, (newValue, oldValue) => {
{{ t(props.setting.i18n) }}
<ul class="options-list">
<li v-for="option in props.setting.options" :key="option.name">
<label class="option">
<label class="settings-button">
<input
:type="optionType"
:name="props.path"
@@ -84,6 +84,7 @@ watch(selected, (newValue, oldValue) => {
</div>
</template>
<style scoped src="./SettingsButton.css"></style>
<style scoped>
.options-list {
list-style: none;
@@ -92,26 +93,6 @@ watch(selected, (newValue, oldValue) => {
margin-top: 0.5em;
}
.option {
--padding-x: 0.7em;
padding: 0.3em var(--padding-x);
margin-top: 0.2em;
width: calc(100% - 2 * var(--padding-x));
border-radius: 0.8em;
display: inline-flex;
align-items: center;
gap: 0.5em;
cursor: pointer;
background-color: var(--light-bg);
user-select: none;
-moz-user-select: none;
}
.option:hover {
background-color: var(--light-hover);
}
.option-input {
appearance: none;
display: none;
src/features/settings/components/SettingsButton.css
+19
View File
@@ -0,0 +1,19 @@
.settings-button {
--padding-x: 0.7em;
padding: 0.3em var(--padding-x);
margin-top: 0.2em;
width: calc(100% - 2 * var(--padding-x));
border-radius: 0.8em;
display: inline-flex;
align-items: center;
gap: 0.5em;
cursor: pointer;
background-color: var(--light-bg);
user-select: none;
-moz-user-select: none;
}
.settings-button:hover {
background-color: var(--light-hover);
}