Reactive-Resume/apps/client/components/dashboard/ResumePreview.module.scss

38 lines
737 B
SCSS

.resume {
@apply flex flex-col gap-2;
.preview {
aspect-ratio: 1 / 1.41;
@apply relative cursor-pointer rounded-sm shadow;
@apply bg-neutral-100 transition-opacity hover:opacity-80 dark:bg-neutral-800;
}
footer {
@apply flex items-center justify-between overflow-hidden;
.meta {
flex: 4;
@apply flex flex-col overflow-hidden;
p {
@apply overflow-hidden text-ellipsis whitespace-nowrap;
&:first-child {
@apply text-sm font-semibold leading-relaxed;
}
&:last-child {
@apply text-xs leading-relaxed opacity-50;
}
}
}
.menu {
flex: 1;
@apply h-full w-full cursor-pointer rounded text-lg;
}
}
}