fix: align mark all read button

This commit is contained in:
Stephen Zhou 2025-09-08 16:20:13 +08:00
parent 9d0ab6c363
commit eb06711dd2
No known key found for this signature in database
1 changed files with 11 additions and 7 deletions

View File

@ -1,5 +1,7 @@
import { FeedViewType, views } from "@follow/constants" import { FeedViewType, views } from "@follow/constants"
import { readableContentMaxWidthClassName } from "~/constants/ui"
import { FlatMarkAllReadButton } from "./mark-all-button" import { FlatMarkAllReadButton } from "./mark-all-button"
export const FooterMarkItem = ({ export const FooterMarkItem = ({
@ -58,12 +60,14 @@ const GridFooterMarkItem = ({ filter }: FooterMarkItemProps) => {
const CommonFooterMarkItem = ({ filter }: FooterMarkItemProps) => { const CommonFooterMarkItem = ({ filter }: FooterMarkItemProps) => {
return ( return (
<FlatMarkAllReadButton <div className={`relative flex w-full ${readableContentMaxWidthClassName} mx-auto`}>
className="justify-start" <FlatMarkAllReadButton
buttonClassName="w-full rounded-none px-6 py-4" className="justify-start"
iconClassName="mr-1 text-base" buttonClassName="w-full px-4 pl-3 py-4"
which="above" iconClassName="w-7 mr-3 text-base"
filter={filter} which="above"
/> filter={filter}
/>
</div>
) )
} }