fix: update aspect ratio classes for project cover images
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user