style(commendation): update commendation card styles for improved layout
This commit is contained in:
parent
5982781c9e
commit
18e48243b3
2 changed files with 7 additions and 1 deletions
|
|
@ -434,6 +434,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.commendation-card {
|
||||
align-self: start;
|
||||
gap: 0.5rem;
|
||||
padding: 0.625rem 0.75rem;
|
||||
}
|
||||
|
||||
/* Scrollbars — styled to match the dark frontend theme */
|
||||
* {
|
||||
scrollbar-width: thin;
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ export default function AwardCard(props: { awardImage: Media | null; award: Awar
|
|||
size={isCommendation ? "sm" : "default"}
|
||||
className={cn("text-center", {
|
||||
"medal-card": props.award.type === "medal",
|
||||
"commendation-card": isCommendation,
|
||||
"commendation-card self-start h-fit": isCommendation,
|
||||
})}
|
||||
style={
|
||||
commendationColor
|
||||
|
|
|
|||
Loading…
Reference in a new issue