fix: typo

fbuireu · Sep 29, 2024 · 76aaf4c · 76aaf4c
1 parent 8d53ff3
commit 76aaf4c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/application/dto/article/articleDTO.ts b/src/application/dto/article/articleDTO.ts
@@ -46,7 +46,7 @@ export const articleDTO: BaseDTO<RawArticle[], ArticleDTO[]> = {
 				content,
 				isFeaturedArticle: rawArticle.fields.featuredArticle,
 				readingTime: getReadingTime(content),
-				tag: createTags(rawArticle.fields.tags),
+				tags: createTags(rawArticle.fields.tags),
 				relatedArticles,
 				tableOfContents: generateTableOfContents(contentHtml),
 			} as unknown as ArticleDTO;

diff --git a/src/ui/modules/article/components/tableOfContents/table-of-contents.css b/src/ui/modules/article/components/tableOfContents/table-of-contents.css
@@ -2,13 +2,11 @@
 	animation: fade-in linear forwards;
 	animation-range: var(--animation-range);
 	animation-timeline: view();
-	background-color: var(--primary-main);
 	border-left: 4px solid var(--primary-dark-1);
-	border-radius: 0.5rem 0 0 0.5rem;
 	left: var(--global-max-width);
 	line-height: normal;
 	opacity: 0;
-	padding: 1rem;
+	padding: 0.25rem 1rem;
 	position: absolute;
 	--animation-range: entry 70cqh;
 	translate: calc(-50% + 1rem) 0;
@@ -31,7 +29,7 @@
 .article__table-of-contents__item {
 	margin-inline-start: calc(0.55rem * var(--inline-level));
 	position: relative;
-	transition: all calc(0.25s * var(--inline-level));
+	transition: translate calc(0.25s * var(--inline-level));
 	translate: 100px 0;
 	width: fit-content;
 }
@@ -42,11 +40,11 @@
 
 	&:not(:focus-visible) {
 		animation: bold forwards;
-		animation-range: entry calc(100cqh - var(--header-height));
+		animation-range: entry calc(100cqh - var(--header-height) - 1rem);
 		animation-timeline: var(--for);
 
 		&::before {
-			background: var(--primary-dark-2);
+			background: var(--primary-main);
 			border-radius: 50%;
 			content: "";
 			height: 0.5rem;