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
+3 -3
View File
@@ -262,7 +262,7 @@ function ProjectCard({
function ProjectCover({ project }: { project: ProjectListItem }) {
if (project.coverImageUrl) {
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
src={project.coverImageUrl}
alt={project.cover_image_alt || project.name}
@@ -273,7 +273,7 @@ function ProjectCover({ project }: { project: ProjectListItem }) {
}
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
</div>
);
@@ -479,7 +479,7 @@ function CoverImageInput({ project }: { project?: ProjectListItem }) {
<Label htmlFor={inputId}>Kapak görseli</Label>
<label
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 ? (
<img