fix(reader): inset foliate-view between chrome bars and remove base typography

- Position foliate-view with absolute inset-x-0 top-[52px] bottom-[52px]
  so book content renders between the fixed header and footer bars instead
  of behind them
- Confirmed removal of foliate-themes.css base typography was correct:
  body color now comes from chrome theme's --text-primary (light for
  dark chrome themes like tokyo-night)
This commit is contained in:
2026-04-19 20:19:35 -04:00
parent 36de7cfa2f
commit 96effde421
3 changed files with 3 additions and 3 deletions
+1 -1
View File
@@ -43,7 +43,7 @@ templ Reader(user User, metadata ReaderMetadata, progress ReadingProgress, bookm
</div>
</div>
</div>
<foliate-view id="reader-view" class="block w-full h-full"></foliate-view>
<foliate-view id="reader-view" class="absolute inset-x-0 top-[52px] bottom-[52px]"></foliate-view>
@DictionaryPopup()
</body>
</html>
+1 -1
View File
@@ -97,7 +97,7 @@ func Reader(user User, metadata ReaderMetadata, progress ReadingProgress, bookma
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "</div></div></div><foliate-view id=\"reader-view\" class=\"block w-full h-full\"></foliate-view>")
templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "</div></div></div><foliate-view id=\"reader-view\" class=\"absolute inset-x-0 top-[52px] bottom-[52px]\"></foliate-view>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
+1 -1
View File
File diff suppressed because one or more lines are too long