fix(style): rounded style based on article item container
Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
parent
24e8ea2f2e
commit
375000b10f
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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"))
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Reference in New Issue