fix: align mark all read button
This commit is contained in:
parent
9d0ab6c363
commit
eb06711dd2
|
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue