mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-15 01:01:43 +10:00
🚀 release: v3.0.0
This commit is contained in:
37
apps/client/components/dashboard/ResumePreview.module.scss
Normal file
37
apps/client/components/dashboard/ResumePreview.module.scss
Normal file
@ -0,0 +1,37 @@
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user