fix(style): rounded style based on article item container

Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei 2025-11-11 00:33:29 +08:00
parent 24e8ea2f2e
commit 375000b10f
No known key found for this signature in database
GPG Key ID: 0F62D33977F021F7
3 changed files with 10 additions and 4 deletions

View File

@ -2,7 +2,7 @@ import { ActionButton } from "@follow/components/ui/button/index.js"
import { FeedViewType } from "@follow/constants"
import { useIsListSubscription } from "@follow/store/subscription/hooks"
import { stopPropagation } from "@follow/utils/dom"
import { cn } from "@follow/utils/utils"
import { clsx, cn } from "@follow/utils/utils"
import type { FC, PropsWithChildren } from "react"
import { memo, useMemo, useRef, useState } from "react"
import { Trans } from "react-i18next"
@ -15,6 +15,7 @@ import { getRouteParams, useRouteParams } from "~/hooks/biz/useRouteParams"
import { useShowEntryDetailsColumn } from "~/hooks/biz/useShowEntryDetailsColumn"
import { markAllByRoute } from "../hooks/useMarkAll"
import { readableContentMaxWidth } from "../styles"
interface DateItemInnerProps {
date: Date
@ -54,7 +55,7 @@ const UniversalDateItem = ({ date, className, isSticky }: Omit<DateItemProps, "v
return (
<DateItemInner
className={className}
className={clsx(className, readableContentMaxWidth)}
date={dateObj}
startTime={startOfDay}
endTime={endOfDay}

View File

@ -143,7 +143,12 @@ export const FlatMarkAllReadButton: FC<
<button
type="button"
disabled={status === "done"}
className={cn(styledButtonVariant({ variant: "ghost" }), className, buttonClassName)}
className={cn(
styledButtonVariant({ variant: "ghost" }),
"rounded-none",
className,
buttonClassName,
)}
onClick={() => {
markAllByRoute(getRouteParams(), filter)
.then(() => setStatus("done"))

View File

@ -153,7 +153,7 @@ export const EntryItemWrapper: FC<
to={navigationPath}
className={cn(
"relative block cursor-button overflow-visible duration-200 hover:bg-theme-item-hover",
isWide ? "rounded-none @[650px]:rounded-md" : "",
!isWide ? "rounded-none @[650px]:rounded-md" : "rounded-md",
isAll && "!rounded-none",
(isActive || isContextMenuOpen) && "!bg-theme-item-active",
itemClassName,