fix: Bible reader toolbar & select dark theme; service tab scroll jump

- Bible reader toolbar: bg-navy->bg-surface/50, selects: appearance-none bg-surface
- Prayer view select: appearance-none bg-surface (match settings style)
- Service view: preserve content height before loading to prevent scroll jump
This commit is contained in:
catarrh committed 2026-08-04 04:42:35 +03:00
1 parent cb63254b2f
commit c10c219736
3 files changed
+11 -7

No files matched your search

+1 -1
View File
@@ -226,7 +226,7 @@ export class PrayerView {
`).join('')}
</div>
<p class="text-navy-light text-sm mb-2">${subtitle}</p>
<select id="prayer-select" class="w-full border border-gold/20 bg-surface/50 text-navy rounded-lg px-3 py-2 text-sm mb-3">
<select id="prayer-select" class="w-full appearance-none bg-surface text-navy border border-gold/20 rounded-lg px-3 py-2 text-sm mb-3">
${sections.map(s => `
<option value="${s.id}" ${this.activeSection === s.id ? 'selected' : ''}>${s.name}</option>
`).join('')}