Fix styling

ferrybig · Dec 19, 2024 · d87fbe4 · d87fbe4
1 parent db56680
commit d87fbe4
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/app/_components/ArticleWrapper.tsx b/app/_components/ArticleWrapper.tsx
@@ -159,10 +159,10 @@ export default function ArticleWrapper({
 			{tags.length > 0 && (
 				<aside className={classes.moreReading}>
 					<Column>
-						<h1 className={classes.sectionHeading}>More {getMetadataBySlug(tags[0]).title}</h1>
+						<Heading id="read-more" level={1} padded>More {getMetadataBySlug(tags[0]).title}</Heading>
 						<nav>
 							<ul>
-								{getChildrenBySlug(tags[0]).reverse().map(p =>
+								{getChildrenBySlug(tags[0]).map(p =>
 									<li key={p.slug}>
 										<Link href={'/' + p.slug} aria-current={slug === p.slug}>
 											{p.title}

diff --git a/app/_components/Comments.tsx b/app/_components/Comments.tsx
@@ -22,7 +22,6 @@ function Comments() {
 				theme={baseUrl}
 				lang="en"
 				loading="lazy"
-				host="https://www.ferrybig.me/"
 			/>}
 		</div>
 	);

diff --git a/app/_components/Heading.module.css b/app/_components/Heading.module.css
@@ -46,3 +46,7 @@ h6.root {
 	transition: opacity 0.01s 0.1s;
 	mask-image: url(../../assets/link.svg);
 }
+.padded {
+	margin-left: 16px;
+	margin-right: 16px;
+}
diff --git a/app/_components/Heading.tsx b/app/_components/Heading.tsx
@@ -8,13 +8,14 @@ interface Heading {
 	id: string;
 	title?: string;
 	hidden?: boolean;
+	padded?: boolean;
 	children: ReactNode;
 }
-function Heading({ level, className, id, title, hidden, children }: Heading) {
+function Heading({ level, className, id, title, hidden, children, padded }: Heading) {
 	const Tag = `h${level}` as keyof JSX.IntrinsicElements;
 	return (
 		<Tag
-			className={classNames(className, id ? classes.withLink : classes.root)}
+			className={classNames(className, id ? classes.withLink : classes.root, padded && classes.padded)}
 			id={id}
 			title={title}
 			hidden={hidden}