diff --git a/packages/client/src/App.tsx b/packages/client/src/App.tsx index bb81b14..3d1919f 100644 --- a/packages/client/src/App.tsx +++ b/packages/client/src/App.tsx @@ -401,29 +401,34 @@ function App() {
- {loading &&

Searching...

} +
+ {loading && ( +

+ Searching... +

+ )} - {error && ( -
-

Error: {error}

-
- )} + {error && ( +
+

Error: {error}

+
+ )} - {!loading && !error && ( -
+ {!loading && !error && ( + <>
- ATProto + atproto , a new protocol to power connections across the web.

@@ -528,7 +533,7 @@ function App() { style={{ width: "88px", height: "88px", - objectFit: "scale-down", + objectFit: "cover", border: "1px solid #d0d0d0", }} /> @@ -583,6 +588,8 @@ function App() { fontSize: "12px", color: "#666", lineHeight: "1.4", + overflowWrap: "anywhere", + wordBreak: "break-word", }} > {truncateText(getDescription(doc), 150)} @@ -650,8 +657,9 @@ function App() {
))} {documents.length === 0 &&

No documents found.

} -
- )} + + )} +

Done

diff --git a/packages/client/src/index.css b/packages/client/src/index.css index 7b273e8..b045882 100644 --- a/packages/client/src/index.css +++ b/packages/client/src/index.css @@ -1,7 +1,6 @@ body { - background: url("./xp.jpg") no-repeat center center fixed; - background-size: cover; min-height: 100vh; + min-height: 100dvh; display: flex; align-items: center; justify-content: center; @@ -15,6 +14,15 @@ body { box-sizing: border-box; } +body::before { + content: ""; + position: fixed; + inset: 0; + background: url("./xp.jpg") no-repeat center center; + background-size: cover; + z-index: -1; +} + #root { width: 100%; display: flex; diff --git a/packages/server/src/routes/feed.ts b/packages/server/src/routes/feed.ts index bace404..e5c8b54 100644 --- a/packages/server/src/routes/feed.ts +++ b/packages/server/src/routes/feed.ts @@ -45,16 +45,6 @@ function rowToDocument(row: ResolvedDocumentRow): Document { } } - // Parse content if present - let content: unknown | undefined; - if (row.content) { - try { - content = JSON.parse(row.content); - } catch { - // Ignore parse errors - } - } - return { uri: row.uri, did: row.did, @@ -63,7 +53,6 @@ function rowToDocument(row: ResolvedDocumentRow): Document { description: row.description || undefined, path: row.path || undefined, site: row.site || undefined, - content, textContent: row.text_content || undefined, coverImageCid: row.cover_image_cid || undefined, coverImageUrl: row.cover_image_url || undefined, @@ -86,7 +75,7 @@ feed.get("/", async (c) => { const { results } = await db .prepare( - `SELECT uri, did, rkey, title, description, path, site, content, text_content, + `SELECT uri, did, rkey, title, description, path, site, text_content, cover_image_cid, cover_image_url, bsky_post_ref, tags, published_at, updated_at, pub_url, pub_name, pub_description, pub_icon_cid, pub_icon_url, view_url, pds_endpoint,