Update font settings in EpubReader and Reader components to include a "Font Boldness" slider which applies a stroke to the text

This commit is contained in:
Faizan Zafar 2024-06-03 18:32:10 -07:00
parent 9c33446449
commit 0715de8147
3 changed files with 17 additions and 4 deletions

View file

@ -98,6 +98,12 @@
</div>
<ui-range-input v-model="ereaderSettings.lineSpacing" :min="100" :max="300" :step="5" @input="settingsUpdated" />
</div>
<div class="flex items-center mb-4">
<div class="w-40">
<p class="text-lg">{{ $strings.LabelFontBoldness }}:</p>
</div>
<ui-range-input v-model="ereaderSettings.textStroke" :min="0" :max="300" :step="0.1" @input="settingsUpdated" />
</div>
<div class="flex items-center">
<div class="w-40">
<p class="text-lg">{{ $strings.LabelLayout }}:</p>
@ -130,7 +136,9 @@ export default {
font: 'serif',
fontScale: 100,
lineSpacing: 115,
spread: 'auto'
fontBoldness: 100,
spread: 'auto',
textStroke: 0
}
}
},
@ -416,4 +424,4 @@ export default {
height: 100%;
}
}
</style>
</style>