aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-19 15:44:20 +01:00
Code Issues Packages Projects Releases Wiki Activity

style(bookmarks): improve section headings with better typography and remove counts

Browse Source
This commit is contained in:
Gigi
2025-10-15 14:35:18 +02:00
parent cb0066aac9
commit d7f90faea9
3 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/BookmarkList.tsx
View File

@@ -67,10 +67,10 @@ export const BookmarkList: React.FC<BookmarkListProps> = ({
.filter(hasContent) .filter(hasContent)
const groups = groupIndividualBookmarks(allIndividualBookmarks) const groups = groupIndividualBookmarks(allIndividualBookmarks)
const sections: Array<{ key: string; title: string; items: IndividualBookmark[] }> = [ const sections: Array<{ key: string; title: string; items: IndividualBookmark[] }> = [
{ key: 'private', title: `Private bookmarks (${groups.privateItems.length})`, items: groups.privateItems }, { key: 'private', title: 'Private bookmarks', items: groups.privateItems },
{ key: 'public', title: `Public bookmarks (${groups.publicItems.length})`, items: groups.publicItems }, { key: 'public', title: 'Public bookmarks', items: groups.publicItems },
{ key: 'web', title: `Web bookmarks (${groups.web.length})`, items: groups.web }, { key: 'web', title: 'Web bookmarks', items: groups.web },
{ key: 'amethyst', title: `Amethyst-style bookmarks (${groups.amethyst.length})`, items: groups.amethyst } { key: 'amethyst', title: 'Amethyst-style bookmarks', items: groups.amethyst }
] ]
if (isCollapsed) { if (isCollapsed) {

8
src/components/Me.tsx
View File

@@ -174,10 +174,10 @@ const Me: React.FC<MeProps> = ({ relayPool, activeTab: propActiveTab, pubkey: pr
.filter(hasContent) .filter(hasContent)
const groups = groupIndividualBookmarks(allIndividualBookmarks) const groups = groupIndividualBookmarks(allIndividualBookmarks)
const sections: Array<{ key: string; title: string; items: IndividualBookmark[] }> = [ const sections: Array<{ key: string; title: string; items: IndividualBookmark[] }> = [
{ key: 'private', title: `Private bookmarks (${groups.privateItems.length})`, items: groups.privateItems }, { key: 'private', title: 'Private bookmarks', items: groups.privateItems },
{ key: 'public', title: `Public bookmarks (${groups.publicItems.length})`, items: groups.publicItems }, { key: 'public', title: 'Public bookmarks', items: groups.publicItems },
{ key: 'web', title: `Web bookmarks (${groups.web.length})`, items: groups.web }, { key: 'web', title: 'Web bookmarks', items: groups.web },
{ key: 'amethyst', title: `Amethyst-style bookmarks (${groups.amethyst.length})`, items: groups.amethyst } { key: 'amethyst', title: 'Amethyst-style bookmarks', items: groups.amethyst }
] ]
// Show content progressively - no blocking error screens // Show content progressively - no blocking error screens

3
src/styles/components/cards.css
View File

@@ -7,6 +7,9 @@
.bookmark-content { color: var(--color-text); margin: 0.5rem 0; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } .bookmark-content { color: var(--color-text); margin: 0.5rem 0; line-height: 1.4; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; }
.bookmark-meta { color: var(--color-text-secondary); font-size: 0.9rem; margin-top: 0.5rem; } .bookmark-meta { color: var(--color-text-secondary); font-size: 0.9rem; margin-top: 0.5rem; }
.bookmarks-section-title { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--color-text-muted); padding: 1.5rem 0.5rem 0.75rem; margin: 0; border-top: 1px solid var(--color-border); }
.bookmarks-section-title:first-child { border-top: none; padding-top: 0.5rem; }
.individual-bookmarks { margin: 1rem 0; } .individual-bookmarks { margin: 1rem 0; }
.individual-bookmarks h4 { margin: 0 0 1rem 0; font-size: 1rem; color: var(--color-text); } .individual-bookmarks h4 { margin: 0 0 1rem 0; font-size: 1rem; color: var(--color-text); }