jason/polaris-task-force
1
0
Fork 0
Code Issues Wiki Activity

style(commendation): update commendation card styles for improved layout

Browse source
This commit is contained in:
Jason Fraley 2026-08-28 19:18:22 -04:00
parent 5982781c9e
commit 18e48243b3
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/(frontend)/styles.css
View file

@ -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 */ /* Scrollbars — styled to match the dark frontend theme */
* { * {
scrollbar-width: thin; scrollbar-width: thin;

2
src/components/frontend/account/AwardCard.tsx
View file

@ -28,7 +28,7 @@ export default function AwardCard(props: { awardImage: Media | null; award: Awar
size={isCommendation ? "sm" : "default"} size={isCommendation ? "sm" : "default"}
className={cn("text-center", { className={cn("text-center", {
"medal-card": props.award.type === "medal", "medal-card": props.award.type === "medal",
"commendation-card": isCommendation, "commendation-card self-start h-fit": isCommendation,
})} })}
style={ style={
commendationColor commendationColor