steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

introduce spacing to accomondate mobile view

Browse Source
This commit is contained in:
Steffen Illium
2025-09-22 11:34:09 +02:00
parent 0fe7e0a9b5
commit e571c22f69
3 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/experience/page.tsx
View File

@@ -22,7 +22,7 @@ export default function ExperiencePage() {
<section id="projects-list"> <section id="projects-list">
<div className="mx-auto w-full max-w-6xl space-y-8"> <div className="mx-auto w-full max-w-6xl space-y-8">
<div className="space-y-2"> <div className="space-y-2">
<h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none"> <h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none mt-12">
Experience Experience
</h1> </h1>
<p className="text-muted-foreground"> <p className="text-muted-foreground">

4
app/publications/page.tsx
View File

@@ -39,7 +39,7 @@ export default function PublicationsPage() {
<section id="publications"> <section id="publications">
<div className="mx-auto w-full max-w-4xl space-y-6"> <div className="mx-auto w-full max-w-4xl space-y-6">
<div className="space-y-2"> <div className="space-y-2">
<h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none"> <h1 className="text-3xl font-bold tracking-tighter sm:text-5xl xl:text-6xl/none mt-12">
Publications Publications
</h1> </h1>
<p className="text-muted-foreground"> <p className="text-muted-foreground">
@@ -67,7 +67,7 @@ export default function PublicationsPage() {
</div> </div>
<hr /> <hr />
<h2 className="font-bold text-2xl">References Statistics</h2> <h2 className="font-bold text-2xl">References</h2>
<div className="space-y-8"> <div className="space-y-8">
{years.map((year) => ( {years.map((year) => (
<div key={year} className="flex flex-col md:flex-row md:space-x-8"> <div key={year} className="flex flex-col md:flex-row md:space-x-8">

24
components/page-article.tsx
View File

@@ -35,11 +35,11 @@ export function Article({ post, publications, navigation, basePath }: ArticlePro
<CitationProvider publications={publications}> <CitationProvider publications={publications}>
<main className="flex flex-col min-h-[100dvh] space-y-10"> <main className="flex flex-col min-h-[100dvh] space-y-10">
<section id="article"> <section id="article">
<div className="mx-auto w-full max-w-4xl space-y-8"> <div className="mx-auto w-full max-w-4xl space-y-8 mt-12">
<div className="flex flex-col gap-y-2 sm:flex-row sm:justify-between sm:items-center"> <div className="flex justify-between">
<Breadcrumbs <Breadcrumbs
basePath={basePath} basePath={basePath}
baseLabel={basePath.charAt(0).toUpperCase() + basePath.slice(1)} baseLabel={basePath.charAt(0).toUpperCase() + basePath.slice(1)}
/> />
{post.frontmatter.date && ( {post.frontmatter.date && (
<time className="text-sm text-muted-foreground" dateTime={post.frontmatter.date}> <time className="text-sm text-muted-foreground" dateTime={post.frontmatter.date}>
@@ -65,15 +65,15 @@ export function Article({ post, publications, navigation, basePath }: ArticlePro
{post.frontmatter.icon && ( {post.frontmatter.icon && (
<div className="float-left mr-4 mb-2"> <div className="float-left mr-4 mb-2">
<Image <Image
src={post.frontmatter.icon} src={post.frontmatter.icon}
alt={`${post.frontmatter.title} icon`} alt={`${post.frontmatter.title} icon`}
width={64} width={64}
height={64} height={64}
className="full" className="full"
/> />
</div> </div>
)} )}
<CustomMDX code={post.code} /> <CustomMDX code={post.code} />
</article> </article>
@@ -89,7 +89,7 @@ export function Article({ post, publications, navigation, basePath }: ArticlePro
)} )}
<ReferencesContainer /> <ReferencesContainer />
{navigation && ( {navigation && (
<ProjectNavigation prev={navigation.prev} next={navigation.next} basePath={basePath} /> <ProjectNavigation prev={navigation.prev} next={navigation.next} basePath={basePath} />
)} )}