kamil/libnovel
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases 162 Wiki Activity

fix: prevent home page book cards from overflowing viewport on mobile
Some checks failed
CI / Lint (push) Has been cancelled
Details
CI / Test (push) Has been cancelled
Details
CI / Build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Admin
2026-03-02 11:24:44 +05:00
parent 42d0d53b52
commit d9c69a089c
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
scraper/internal/server/ui.go
View File

@@ -179,7 +179,7 @@ func (s *Server) respond(w http.ResponseWriter, r *http.Request, title, fragment
// ─── GET / — book catalogue ─────────────────────────────────────────────────── // ─── GET / — book catalogue ───────────────────────────────────────────────────
const homeTmpl = ` const homeTmpl = `
<div class="max-w-4xl mx-auto px-4 py-10" hx-history="false"> <div class="max-w-4xl mx-auto px-4 py-10 overflow-hidden" hx-history="false">
<div class="flex items-center justify-between mb-2"> <div class="flex items-center justify-between mb-2">
<h1 class="text-3xl font-bold text-zinc-100">libnovel</h1> <h1 class="text-3xl font-bold text-zinc-100">libnovel</h1>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
@@ -215,7 +215,7 @@ const homeTmpl = `
hx-swap="innerHTML" hx-swap="innerHTML"
data-slug="{{.Slug}}" data-slug="{{.Slug}}"
data-filter="{{.Title}} {{.Author}} {{.Status}} {{range .Genres}}{{.}} {{end}}" data-filter="{{.Title}} {{.Author}} {{.Status}} {{range .Genres}}{{.}} {{end}}"
class="book-card group block rounded-xl border border-zinc-800 bg-zinc-900 p-5 hover:border-amber-500 transition-colors cursor-pointer"> class="book-card group block rounded-xl border border-zinc-800 bg-zinc-900 p-5 hover:border-amber-500 transition-colors cursor-pointer min-w-0 overflow-hidden">
<div class="flex gap-4"> <div class="flex gap-4">
{{if .Cover}} {{if .Cover}}
<img src="{{.Cover}}" alt="cover" class="w-14 h-20 object-cover rounded flex-shrink-0"> <img src="{{.Cover}}" alt="cover" class="w-14 h-20 object-cover rounded flex-shrink-0">