mohs/sass-mohfarawati
1
0
Fork 0
Code Issues Pull Requests Actions 8 Packages Projects Releases Wiki Activity

Refine root UI around shadcn primitives
CI / quality (push) Waiting to run
Details

Browse Source
This commit is contained in:
MOH
2026-03-07 22:28:52 +01:00
parent 985fbe1745
commit a18370d003
36 changed files with 1344 additions and 597 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[locale]/(site)/portfolio/[slug]/page.tsx
+4 -4
View File
@@ -106,7 +106,7 @@ export default async function PortfolioItemPage({
</p>
{item.coverImagePath ? (
<div className="mt-6 overflow-hidden rounded-surface border border-border">
<div className="mt-6 overflow-hidden rounded-lg border border-border bg-card">
<PortfolioImage
src={item.coverImagePath}
alt={getLocalizedValue(item.title, localeKey)}
@@ -180,7 +180,7 @@ export default async function PortfolioItemPage({
alt={getLocalizedValue(section.title, localeKey)}
width={1200}
height={720}
className="mt-4 h-48 w-full rounded-nested object-cover"
className="mt-4 h-48 w-full rounded-md object-cover"
/>
) : null}
{section.linkUrl ? (
@@ -204,7 +204,7 @@ export default async function PortfolioItemPage({
<h2 className="text-xl font-semibold text-foreground">{t("gallery")}</h2>
<div className="mt-4 grid gap-4 md:grid-cols-2">
{item.assets.map((asset) => (
<div key={asset.id} className="overflow-hidden rounded-surface border border-border">
<div key={asset.id} className="overflow-hidden rounded-lg border border-border bg-card">
{asset.kind === "IMAGE" ? (
<PortfolioImage
src={asset.filePath}
@@ -214,7 +214,7 @@ export default async function PortfolioItemPage({
className="h-64 w-full object-cover"
/>
) : (
<div className="flex h-64 items-center justify-center bg-surface-1 p-6 text-center text-sm text-muted-foreground">
<div className="flex h-64 items-center justify-center bg-muted/40 p-6 text-center text-sm text-muted-foreground">
<div className="space-y-3">
<p>{getLocalizedValue(asset.alt, localeKey)}</p>
<Button asChild variant="outline">
app/[locale]/(site)/portfolio/page.tsx
+6 -6
View File
@@ -75,10 +75,10 @@ export default async function PortfolioPage({
<section className="flex flex-wrap gap-3">
<Link
href={getLocalizedPath(localeKey, "/portfolio")}
className={`rounded-pill border px-4 py-2 text-sm transition-colors ${
className={`rounded-md border px-4 py-2 text-sm transition-colors ${
selectedCategory === ""
? "border-border-strong bg-foreground text-background"
: "border-border bg-background text-foreground/80 hover:border-border-strong hover:text-foreground"
? "border-input bg-primary text-primary-foreground"
: "border-input bg-background text-foreground/80 hover:bg-accent hover:text-accent-foreground"
}`}
>
{t("all")}
@@ -87,10 +87,10 @@ export default async function PortfolioPage({
<Link
key={category.id}
href={getLocalizedPath(localeKey, `/portfolio?category=${category.slug}`)}
className={`rounded-pill border px-4 py-2 text-sm transition-colors ${
className={`rounded-md border px-4 py-2 text-sm transition-colors ${
selectedCategory === category.slug
? "border-border-strong bg-foreground text-background"
: "border-border bg-background text-foreground/80 hover:border-border-strong hover:text-foreground"
? "border-input bg-primary text-primary-foreground"
: "border-input bg-background text-foreground/80 hover:bg-accent hover:text-accent-foreground"
}`}
>
{getLocalizedValue(category.name, localeKey)}