フォントの太さとサイズを調整

takusea · Oct 21, 2024 · 1ba54d1 · 1ba54d1
1 parent 1172b2f
commit 1ba54d1
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 7 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -135,7 +135,7 @@ function App() {
 										コピー
 									</Button>
 								</div>
-								<h2 className="mt-4">SNSでシェア</h2>
+								<h2 className="mt-4 font-semibold">SNSでシェア</h2>
 								<div className="flex gap-2">
 									<LinkButton
 										href={`https://twitter.com/intent/tweet?url=${encodeURIComponent(url)}`}

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
@@ -31,7 +31,7 @@ export function Button(props: Props) {
 	const button = (
 		<button
 			type="button"
-			className={`font-bold h-10 min-w-10 rounded justify-center flex gap-1 items-center ${color} ${!props.iconOnly && "px-4"}`}
+			className={`font-semibold h-10 min-w-10 rounded justify-center flex gap-1 items-center ${color} ${!props.iconOnly && "px-4"}`}
 			aria-label={props.iconOnly ? props.children : ""}
 			onClick={props.onClick}
 		>

diff --git a/src/components/Dialog.tsx b/src/components/Dialog.tsx
@@ -17,7 +17,7 @@ export const DialogContent = (props: Props) => (
 		>
 			<div className="relative bg-white border border-gray-500/20 p-4 rounded-2xl overflow-hidden">
 				<header className="flex gap-1 items-center justify-between mb-2">
-					<DialogPrimitive.DialogTitle className="font-bold">
+					<DialogPrimitive.DialogTitle className="text-lg font-bold">
 						{props.title}
 					</DialogPrimitive.DialogTitle>
 					<DialogPrimitive.Close asChild>

diff --git a/src/components/FloatingActionButton.tsx b/src/components/FloatingActionButton.tsx
@@ -15,7 +15,7 @@ export function FloatingActionButton(props: Props) {
 	return (
 		<button
 			type="button"
-			className="ml-auto font-bold px-8 h-16 rounded-full bg-teal-200 hover:bg-teal-300 border border-black/20 shadow-lg justify-center flex gap-2 items-center"
+			className="ml-auto font-semibold px-8 h-16 rounded-full bg-teal-200 hover:bg-teal-300 border border-black/20 shadow-lg justify-center flex gap-2 items-center"
 			onClick={props.onClick}
 		>
 			{props.icon && <props.icon />}

diff --git a/src/components/Label.tsx b/src/components/Label.tsx
@@ -7,7 +7,7 @@ type Props = {
 
 export function Label(props: Props) {
 	return (
-		<LabelPrimitive.Root className="font-bold" htmlFor={props.htmlFor}>
+		<LabelPrimitive.Root className="font-semibold" htmlFor={props.htmlFor}>
 			{props.children}
 		</LabelPrimitive.Root>
 	);

diff --git a/src/components/LinkButton.tsx b/src/components/LinkButton.tsx
@@ -27,7 +27,7 @@ export function LinkButton(props: Props) {
 	const button = (
 		<a
 			type="button"
-			className={`font-bold h-10 min-w-10 rounded justify-center flex gap-1 items-center ${color} ${!props.iconOnly && "px-4"}`}
+			className={`font-semibold h-10 min-w-10 rounded justify-center flex gap-1 items-center ${color} ${!props.iconOnly && "px-4"}`}
 			aria-label={props.iconOnly ? props.children : ""}
 			href={props.href}
 		>

diff --git a/src/features/video-player/VideoPlayer.tsx b/src/features/video-player/VideoPlayer.tsx
@@ -51,7 +51,7 @@ export function VideoPlayer(props: Props) {
 			{!isEditing ? (
 				<div className="flex gap-2 items-center">
 					<span className="text-gray-400 flex-shrink-0">{icon}</span>
-					<h2 className="flex-grow text-lg font-bold">
+					<h2 className="flex-grow text-lg font-semibold">
 						{props.metadata.title || (
 							<span className="text-gray-400 select-none">タイトルなし</span>
 						)}