fix: サイドバーと目次の文字サイズを14pxに変更 (#211)

Author: 3w36zj6

website/src/components/ui/common/SideNavigation.tsx

@@ -15,13 +15,13 @@ export const SideNavigation = ({
 }: SideNavigationProps) => {
 	return (
 		<nav class="folding flex-none w-full bg-white border border-neutral-200/60 rounded-md sticky top-[80px] mt-4 mb-8 h-[calc(100vh-80px-1rem)] overflow-auto px-3.5 py-3">
-			<ul class="space-y-1 text-xs text-neutral-700">
+			<ul class="space-y-1 text-sm text-neutral-700">
 				{docs?.map((firstLevel, idx) => (
 					<>
 						{firstLevel.part && (
 							<li
 								key={firstLevel.part}
-								class="category py-2 text-xs font-semibold text-gray-500 uppercase tracking-wider"
+								class="category py-2 text-sm font-semibold text-gray-500 uppercase tracking-wider"
 							>
 								{firstLevel.part}
 							</li>
@@ -67,7 +67,7 @@ export const SideNavigation = ({
 										{firstLevel.children.map((secondLevel, idx2) => (
 											<div key={secondLevel.route}>
 												{secondLevel.part && (
-													<li class="category py-1 text-xs font-semibold text-gray-500 tracking-wide">
+													<li class="category py-1 text-sm font-semibold text-gray-500 tracking-wide">
 														{secondLevel.part}
 													</li>
 												)}

website/src/components/ui/common/TableOfContents.tsx

@@ -14,10 +14,10 @@ export const TableOfContents = ({ outline }: TableOfContentsProps) => {
 			id="page-overview"
 			class="flex-none w-full px-3.5 py-3 border border-neutral-200/60 rounded-md bg-white sticky top-[80px] mt-4 mb-8 h-[calc(100vh-80px-1rem)] overflow-auto"
 		>
-			<strong class="block mb-2 text-xs text-neutral-500 font-semibold tracking-wide">
+			<strong class="block mb-2 text-sm text-neutral-500 font-semibold tracking-wide">
 				目次
 			</strong>
-			<ol class="space-y-1 text-xs text-neutral-700">
+			<ol class="space-y-1 text-sm text-neutral-700">
 				{outline.map((item) => (
 					<li key={item.id} data-assoc={item.id}>
 						<a