style: トップページのテキストサイズ調整

namidapoo · Dec 31, 2024 · 2011677 · 2011677
1 parent 5ca26db
commit 2011677
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -32,21 +32,21 @@ export default async function Home() {
 					}}
 					className="w-full max-w-xs mx-auto space-y-2"
 				>
-					<p className="text-lg">or</p>
-					<Button size="lg" className="mx-auto w-full max-w-xs py-6 text-lg">
+					<p className="text-md">または</p>
+					<Button size="lg" className="mx-auto w-full max-w-xs py-6 text-md">
 						<Image
 							src={GitHubWhite}
 							alt="GitHub"
-							width={24}
-							height={24}
+							width={20}
+							height={20}
 							className="dark:hidden"
 							priority
 						/>
 						<Image
 							src={GitHubBlack}
 							alt="GitHub"
-							width={24}
-							height={24}
+							width={20}
+							height={20}
 							className="hidden dark:block"
 							priority
 						/>

diff --git a/app/profile-form.tsx b/app/profile-form.tsx
@@ -44,8 +44,8 @@ export const ProfileForm: FC = () => {
 					control={form.control}
 					name="username"
 					render={({ field }) => (
-						<FormItem className="text-left">
-							<FormControl className="py-6 text-lg">
+						<FormItem className="text-left text-lg">
+							<FormControl className="h-12">
 								<Input
 									placeholder="ユーザー名を入力してください。"
 									{...field}
@@ -55,7 +55,7 @@ export const ProfileForm: FC = () => {
 						</FormItem>
 					)}
 				/>
-				<Button className="mx-auto w-full max-w-xs py-6 text-lg">
+				<Button className="mx-auto w-full max-w-xs py-6 text-md">
 					振り返りを見る
 				</Button>
 			</form>