feat: larger text for date item

RSSNext · Aug 9, 2024 · c1ea43f · c1ea43f
1 parent bf96d11
commit c1ea43f
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/renderer/src/components/ui/markdown/Markdown.tsx b/src/renderer/src/components/ui/markdown/Markdown.tsx
@@ -6,7 +6,7 @@ import { useMemo, useState } from "react"
 export const Markdown: Component<
  {
  children: string
- } & Partial<RemarkOptions>,
+ } & Partial<RemarkOptions>
 > = ({ children, components, className }) => {
  const stableRemarkOptions = useState({ components })[0]
 

diff --git a/src/renderer/src/modules/ai/ai-daily/EntryPlaceholderDaily.tsx b/src/renderer/src/modules/ai/ai-daily/EntryPlaceholderDaily.tsx
@@ -15,7 +15,7 @@ export const EntryPlaceholderDaily = ({
  view: DailyView
  className?: string
 }) => (
- <div className={cn(className, "mx-auto flex w-[75ch] flex-col gap-6")}>
+ <div className={cn(className, "mx-auto flex w-full max-w-[75ch] flex-col gap-6")}>
  <CollapseGroup>
  <CtxConsumer />
  <DailyItem day={DayOf.Today} view={view} />

diff --git a/src/renderer/src/modules/entry-column/Items/social-media-item.tsx b/src/renderer/src/modules/entry-column/Items/social-media-item.tsx
@@ -187,8 +187,8 @@ export const SocialMediaDateItem = ({
  <div
  className={cn(
  className,
- "m-auto w-[75ch] gap-3 pl-5 text-base",
- views[view].wideMode && "flex justify-center",
+ "m-auto w-[67ch] gap-3 pl-5 text-lg",
+ views[view].wideMode && "flex",
  )}
  >
  <MarkAllButton

diff --git a/src/renderer/src/modules/entry-column/components/DateItem.tsx b/src/renderer/src/modules/entry-column/components/DateItem.tsx
@@ -23,7 +23,7 @@ export const DateItem = memo(
 
  const className = cn(
  isFirst ? "pt-2" : "pt-8",
- `relative z-10 -mx-2 flex items-center gap-1 bg-background px-4 text-sm font-bold text-zinc-800 dark:text-neutral-400`,
+ `relative z-10 -mx-2 flex items-center gap-1 bg-background px-4 text-base font-bold text-zinc-800 dark:text-neutral-400`,
  )
 
  if (view === FeedViewType.SocialMedia) {