fix: update aspect ratio classes for project cover images

This commit is contained in:
poyrazavsever
2026-06-05 09:41:30 +03:00
parent 4c46a70212
commit 077468452b
+4 -4
View File
@@ -262,7 +262,7 @@ function ProjectCard({
function ProjectCover({ project }: { project: ProjectListItem }) { function ProjectCover({ project }: { project: ProjectListItem }) {
if (project.coverImageUrl) { if (project.coverImageUrl) {
return ( return (
<div className="aspect-[16/9] overflow-hidden rounded-sm border border-border bg-muted"> <div className="aspect-video overflow-hidden rounded-sm border border-border bg-muted">
<img <img
src={project.coverImageUrl} src={project.coverImageUrl}
alt={project.cover_image_alt || project.name} alt={project.cover_image_alt || project.name}
@@ -273,7 +273,7 @@ function ProjectCover({ project }: { project: ProjectListItem }) {
} }
return ( return (
<div className="flex aspect-[16/9] items-center justify-center rounded-sm border border-dashed border-border bg-muted/30 text-sm text-muted-foreground"> <div className="flex aspect-video items-center justify-center rounded-sm border border-dashed border-border bg-muted/30 text-sm text-muted-foreground">
Kapak görseli yok Kapak görseli yok
</div> </div>
); );
@@ -346,7 +346,7 @@ function ProjectActions({
aria-label="Detaya git" aria-label="Detaya git"
> >
<Link href={`/projects/${project.id}`}> <Link href={`/projects/${project.id}`}>
<Eye className="h-4 w-4" /> <Eye className="h-4 w-4" />
</Link> </Link>
</Button> </Button>
) : null} ) : null}
@@ -479,7 +479,7 @@ function CoverImageInput({ project }: { project?: ProjectListItem }) {
<Label htmlFor={inputId}>Kapak görseli</Label> <Label htmlFor={inputId}>Kapak görseli</Label>
<label <label
htmlFor={inputId} htmlFor={inputId}
className="group relative flex aspect-[16/7] cursor-pointer items-center justify-center overflow-hidden rounded-sm border border-dashed border-border bg-muted/20 transition-colors hover:border-primary/50 hover:bg-primary/5" className="group relative flex aspect-16/7 cursor-pointer items-center justify-center overflow-hidden rounded-sm border border-dashed border-border bg-muted/20 transition-colors hover:border-primary/50 hover:bg-primary/5"
> >
{previewUrl ? ( {previewUrl ? (
<img <img