mirror of
https://github.com/hydralauncher/hydra.git
synced 2025-03-09 15:40:26 +00:00
feat: css
This commit is contained in:
parent
cf202c8f01
commit
e066ea3503
2 changed files with 3 additions and 2 deletions
|
@ -82,7 +82,7 @@
|
|||
text-shadow: 0 0 5px rgb(0 0 0 / 40%);
|
||||
}
|
||||
|
||||
&__display-name-badges {
|
||||
&__display-name-badges-container {
|
||||
display: flex;
|
||||
gap: globals.$spacing-unit;
|
||||
align-items: center;
|
||||
|
|
|
@ -20,13 +20,14 @@ export function UserBadges() {
|
|||
};
|
||||
|
||||
return (
|
||||
<div className="profile-hero__display-name-badges">
|
||||
<div className="profile-hero__display-name-badges-container">
|
||||
{userProfile.badges.map((badge) => {
|
||||
const badgeIcon = getBadgeIcon(badge);
|
||||
|
||||
if (!badgeIcon) return null;
|
||||
return (
|
||||
<div
|
||||
className={`badge__${badge.toLowerCase()}`}
|
||||
key={badge}
|
||||
title={t(`badge_description_${badge.toLowerCase()}`)}
|
||||
>
|
||||
|
|
Loading…
Add table
Reference in a new issue