Skip to content

Commit

Permalink
ui update
Browse files Browse the repository at this point in the history
  • Loading branch information
breadchris committed Dec 11, 2023
1 parent b8cd0fa commit 4adb209
Show file tree
Hide file tree
Showing 3 changed files with 14 additions and 16 deletions.
2 changes: 1 addition & 1 deletion js/dist/site/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -116834,7 +116834,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
] }) }) }),
userSettings.showPreviews && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(IFrameSandbox, { url: item.url }) }),
userSettings.showQRCodes && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(QRCode_default, { text: item.url }) }),
userSettings.showRelatedContent && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack.Item, { children: item.related.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack, { horizontal: true, disableShrink: true, tokens: { childrenGap: 5 }, style: { width: "100%", overflowX: "scroll", display: "flex", flexFlow: "row nowrap" }, children: item.related.map((r3) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack.Item, { style: { width: 100 }, grow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RelatedContentCard, { content: r3 }, r3.id) }, r3.id)) }) })
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack.Item, { children: item.related.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack, { horizontal: true, disableShrink: true, tokens: { childrenGap: 5 }, style: { width: "100%", overflowX: "scroll", display: "flex", flexFlow: "row nowrap" }, children: item.related.map((r3) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack.Item, { style: { width: 100 }, grow: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RelatedContentCard, { content: r3 }, r3.id) }, r3.id)) }) })
] }) }),
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Stack, { style: { width: "100%", overflowX: "auto" }, horizontal: true, tokens: { childrenGap: 10 }, children: [
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Stack.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Vote, { contentID: item.id, votes: item.votes }) }),
Expand Down
4 changes: 2 additions & 2 deletions js/dist/site/index.js.map

Large diffs are not rendered by default.

24 changes: 11 additions & 13 deletions js/src/components/Content/ContentCard.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -170,19 +170,17 @@ export const ContentCard: React.FC<{
<QRCode text={item.url} />
</Stack.Item>
)}
{userSettings.showRelatedContent && (
<Stack.Item>
{item.related.length > 0 && (
<Stack horizontal disableShrink tokens={{childrenGap: 5}} style={{width: '100%', overflowX: 'scroll', display: 'flex', flexFlow: 'row nowrap'}}>
{item.related.map((r) => (
<Stack.Item key={r.id} style={{width: 100}} grow>
<RelatedContentCard key={r.id} content={r} />
</Stack.Item>
))}
</Stack>
)}
</Stack.Item>
)}
<Stack.Item>
{item.related.length > 0 && (
<Stack horizontal disableShrink tokens={{childrenGap: 5}} style={{width: '100%', overflowX: 'scroll', display: 'flex', flexFlow: 'row nowrap'}}>
{item.related.map((r) => (
<Stack.Item key={r.id} style={{width: 100}} grow>
<RelatedContentCard key={r.id} content={r} />
</Stack.Item>
))}
</Stack>
)}
</Stack.Item>
</Stack>
</CardPreview>
<CardFooter>
Expand Down

0 comments on commit 4adb209

Please sign in to comment.