feat: small styles
This commit is contained in:
parent
72260535f0
commit
430a3c6bc3
|
|
@ -29,7 +29,7 @@ const HeaderLink: React.FC<{ link: HeaderLinkType }> = ({ link }) => {
|
|||
href={link.url}
|
||||
onClick={link.onClick}
|
||||
className={clsx(
|
||||
`h-10 flex items-center border-b-2 space-x-1 hover:border-gray-500 hover:text-gray-700`,
|
||||
`xlog-site-navigation-item h-10 flex items-center border-b-2 space-x-1 hover:border-gray-500 hover:text-gray-700`,
|
||||
active ? `text-accent border-accent` : `border-transparent`,
|
||||
)}
|
||||
>
|
||||
|
|
@ -72,7 +72,7 @@ export const SiteHeader: React.FC<{
|
|||
]
|
||||
|
||||
return (
|
||||
<header className="xlog-header border-b relative">
|
||||
<header className="xlog-header border-b border-zinc-100 relative">
|
||||
<div className="xlog-banner absolute top-0 bottom-0 left-0 right-0 -z-10 overflow-hidden">
|
||||
{site?.banners?.[0]?.mime_type.split("/")[0] === "image" && (
|
||||
<Image
|
||||
|
|
@ -114,7 +114,7 @@ export const SiteHeader: React.FC<{
|
|||
dangerouslySetInnerHTML={{ __html: site?.description || "" }}
|
||||
></div>
|
||||
)}
|
||||
<div className="mt-3 text-sm">
|
||||
<div className="xlog-site-others mt-3 text-sm">
|
||||
<FollowingCount siteId={site?.username} />
|
||||
<FollowingButton
|
||||
siteId={site?.username}
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ export const SiteHome: React.FC<{
|
|||
<Link
|
||||
key={post.id}
|
||||
href={`/${post.slug || post.id}`}
|
||||
className="xlog-post hover:bg-zinc-100 transition-colors p-5 -mx-5 first:-mt-5 md:rounded-xl flex items-center"
|
||||
className="xlog-post hover:bg-zinc-100 transition-colors px-5 py-7 -mx-5 first:-mt-5 md:rounded-xl flex items-center"
|
||||
>
|
||||
<div className="flex-1 flex justify-center flex-col">
|
||||
<h3 className="xlog-post-title text-2xl font-bold">
|
||||
|
|
|
|||
Loading…
Reference in New Issue