Skip to content

Improve detail page #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
niklhut merged 10 commits into from
Apr 4, 2026
Merged

Improve detail page #9

Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
965c22b
feat: improve readability of metadata on detail page
niklhut Jan 15, 2026
95b9ad2
fix: improve metadata handling
niklhut Jan 15, 2026
4873341
style: simplify layout classes for ISBN and Added At sections
niklhut Apr 4, 2026
7ca6172
feat: improve hover effect in dark mode (#3)
niklhut Jan 15, 2026
ad39276
feat: use nuxtimg instead of standard img tag (#4)
niklhut Jan 15, 2026
85f3253
feat: add code rabbit config to ignore db migrations (#5)
niklhut Jan 15, 2026
d06fbe6
refactor: centralize authentication state management (#6)
niklhut Jan 16, 2026
fa10695
feat: introduce new book adding methods (#7)
niklhut Feb 22, 2026
9709f59
style: update layout classes for ISBN and Added At sections
niklhut Apr 4, 2026
35e450d
Merge branch 'main' into feat/improve-detail-page
niklhut Apr 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions app/pages/library/[id].vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -176,15 +176,15 @@ async function removeBook() {
<!-- ISBN -->
<div
v-if="book.isbn"
class="flex flex-wrap items-center justify-center md:justify-start gap-x-2 gap-y-1 text-sm text-muted"
class="text-sm text-muted text-center md:text-left"
>
ISBN: {{ book.isbn }}
</div>

<!-- Added At -->
<div
v-if="formattedAddedAt"
class="flex flex-wrap items-center justify-center md:justify-start gap-x-2 gap-y-1 text-sm text-muted"
class="text-sm text-muted text-center md:text-left"
>
Added: {{ formattedAddedAt }}
</div>
Expand Down
Loading