style: apply generous 1.7x spacing expansion across all page sections and container padding

This commit is contained in:
2026-07-30 23:17:31 +09:00
parent 1b38df79b7
commit cb22a5e019
5 changed files with 11 additions and 11 deletions
+2 -2
View File
@@ -6,7 +6,7 @@ export default function LecturesPage() {
const olderSemesters = semesters.slice(3); const olderSemesters = semesters.slice(3);
return ( return (
<div className="container-content space-y-20 md:space-y-28 py-10 md:py-16"> <div className="container-content space-y-32 md:space-y-48 py-16 md:py-28">
{/* Header */} {/* Header */}
<section className="space-y-3"> <section className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
@@ -24,7 +24,7 @@ export default function LecturesPage() {
</section> </section>
{/* Recent 3 Semesters */} {/* Recent 3 Semesters */}
<section className="space-y-6 pt-12 md:pt-16 border-t border-line"> <section className="space-y-6 pt-20 md:pt-28 border-t border-line">
<div className="flex justify-between items-end"> <div className="flex justify-between items-end">
<div> <div>
<div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold"> <div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">
+4 -4
View File
@@ -11,7 +11,7 @@ export default function MembersPage() {
); );
return ( return (
<div className="container-content space-y-20 md:space-y-28 py-10 md:py-16"> <div className="container-content space-y-32 md:space-y-48 py-16 md:py-28">
{/* Header */} {/* Header */}
<section className="space-y-3"> <section className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
@@ -29,7 +29,7 @@ export default function MembersPage() {
</section> </section>
{/* Professor Section */} {/* Professor Section */}
<section className="space-y-6 pt-12 md:pt-16 border-t border-line"> <section className="space-y-6 pt-20 md:pt-28 border-t border-line">
<div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold"> <div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">
Faculty Faculty
</div> </div>
@@ -78,7 +78,7 @@ export default function MembersPage() {
</section> </section>
{/* Active Researchers Section */} {/* Active Researchers Section */}
<section className="space-y-8 pt-12 md:pt-16 border-t border-line"> <section className="space-y-8 pt-20 md:pt-28 border-t border-line">
<div className="flex justify-between items-end"> <div className="flex justify-between items-end">
<div> <div>
<div className="font-mono text-xs text-cobalt uppercase tracking-widest font-bold"> <div className="font-mono text-xs text-cobalt uppercase tracking-widest font-bold">
@@ -152,7 +152,7 @@ export default function MembersPage() {
</section> </section>
{/* Alumni Section (Native <details>/<summary> progressive disclosure) */} {/* Alumni Section (Native <details>/<summary> progressive disclosure) */}
<section className="space-y-6 pt-12 md:pt-16 border-t border-line"> <section className="space-y-6 pt-20 md:pt-28 border-t border-line">
<div className="flex justify-between items-end"> <div className="flex justify-between items-end">
<div> <div>
<div className="font-mono text-xs text-ink-mute uppercase tracking-widest font-bold"> <div className="font-mono text-xs text-ink-mute uppercase tracking-widest font-bold">
+2 -2
View File
@@ -59,7 +59,7 @@ export default function HomePage() {
const pubCount = publications.length + patents.length; const pubCount = publications.length + patents.length;
return ( return (
<div className="container-content space-y-20 md:space-y-28 py-10 md:py-16"> <div className="container-content space-y-32 md:space-y-48 py-16 md:py-28">
{/* Hero Section */} {/* Hero Section */}
<section className="relative"> <section className="relative">
<div className="flex items-center gap-3 mb-4"> <div className="flex items-center gap-3 mb-4">
@@ -118,7 +118,7 @@ export default function HomePage() {
<ProjectPageView /> <ProjectPageView />
{/* Core Research Areas Grid */} {/* Core Research Areas Grid */}
<section className="space-y-8 pt-12 md:pt-16 border-t border-line"> <section className="space-y-8 pt-20 md:pt-28 border-t border-line">
<div className="flex justify-between items-end"> <div className="flex justify-between items-end">
<div> <div>
<div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold"> <div className="font-mono text-xs text-vermillion uppercase tracking-widest font-bold">
@@ -55,7 +55,7 @@ export default function PublicationCategoryPage({ params }: PageProps) {
} }
return ( return (
<div className="container-content space-y-20 md:space-y-28 py-10 md:py-16"> <div className="container-content space-y-32 md:space-y-48 py-16 md:py-28">
{/* Header */} {/* Header */}
<section className="space-y-3"> <section className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
@@ -9,7 +9,7 @@ export default function StandardizationPage() {
); );
return ( return (
<div className="container-content space-y-20 md:space-y-28 py-10 md:py-16"> <div className="container-content space-y-32 md:space-y-48 py-16 md:py-28">
{/* Header */} {/* Header */}
<section className="space-y-3"> <section className="space-y-3">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
@@ -27,7 +27,7 @@ export default function StandardizationPage() {
</section> </section>
{/* Standards Bodies Section */} {/* Standards Bodies Section */}
<section className="space-y-12 pt-12 md:pt-16 border-t border-line"> <section className="space-y-12 pt-20 md:pt-28 border-t border-line">
{standardsBodies.map((body, idx) => ( {standardsBodies.map((body, idx) => (
<div key={idx} className="bg-paper p-8 rounded-lg border border-line space-y-6"> <div key={idx} className="bg-paper p-8 rounded-lg border border-line space-y-6">
<div className="flex flex-wrap justify-between items-start gap-4 border-b border-line pb-4"> <div className="flex flex-wrap justify-between items-start gap-4 border-b border-line pb-4">