Merge pull request #17 from Jiseoup/fix/diff-page-mobile-padding
fix: apply responsive horizontal padding to diff detail pages
41dd97a변경된 파일4개+4 -4
+4 -4 · 4개
@@ -1,6 +1,6 @@
export default function CommitDetailLoading() {
return (
- <main className="mx-auto w-full max-w-7xl flex-1 space-y-5 overflow-auto px-6 py-6">
+ <main className="mx-auto w-full max-w-7xl flex-1 space-y-5 overflow-auto px-3 py-6 md:px-6">
{/* Back link skeleton. */}
<div className="bg-muted h-3 w-24 animate-pulse rounded" />
@@ -21,7 +21,7 @@ export default async function CommitDetailPage({ params }: Props) {
const body = bodyLines.join("\n").trim();
return (
- <main className="mx-auto w-full max-w-7xl flex-1 space-y-5 overflow-auto px-6 py-6">
+ <main className="mx-auto w-full max-w-7xl flex-1 space-y-5 overflow-auto px-3 py-6 md:px-6">
<Link
href={`/${lang}/repository/${owner}/${repo}/commits`}
className="text-muted-foreground hover:text-foreground text-xs transition-colors"
@@ -1,6 +1,6 @@
export default function PullDetailLoading() {
return (
- <main className="mx-auto w-full max-w-4xl flex-1 space-y-5 overflow-auto px-6 py-6">
+ <main className="mx-auto w-full max-w-4xl flex-1 space-y-5 overflow-auto px-3 py-6 md:px-6">
{/* Back link skeleton. */}
<div className="bg-muted h-3 w-24 animate-pulse rounded" />
@@ -70,7 +70,7 @@ export default async function PullDetailPage({ params, searchParams }: Props) {
return (
<main
- className={`mx-auto w-full ${tab === "files" ? "max-w-7xl" : "max-w-4xl"} flex-1 space-y-5 overflow-auto px-6 py-6`}
+ className={`mx-auto w-full ${tab === "files" ? "max-w-7xl" : "max-w-4xl"} flex-1 space-y-5 overflow-auto px-3 py-6 md:px-6`}
>
{/* Back link. */}
<Link