feat: small styles

This commit is contained in:
DIYgod 2022-11-11 22:18:38 +00:00
parent 72260535f0
commit 430a3c6bc3
No known key found for this signature in database
GPG Key ID: D159328F47A80DCA
2 changed files with 4 additions and 4 deletions

View File

@ -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}

View File

@ -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">