external/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2025-03-09 15:40:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: css

Browse source
This commit is contained in:
Zamitto 2025-02-17 21:14:32 -03:00
parent cf202c8f01
commit e066ea3503
2 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/src/pages/profile/profile-hero/profile-hero.scss
View file

@ -82,7 +82,7 @@
text-shadow: 0 0 5px rgb(0 0 0 / 40%); text-shadow: 0 0 5px rgb(0 0 0 / 40%);
} }
&__display-name-badges { &__display-name-badges-container {
display: flex; display: flex;
gap: globals.$spacing-unit; gap: globals.$spacing-unit;
align-items: center; align-items: center;

3
src/renderer/src/pages/profile/profile-hero/user-badges.tsx
View file

@ -20,13 +20,14 @@ export function UserBadges() {
}; };
return ( return (
<div className="profile-hero__display-name-badges"> <div className="profile-hero__display-name-badges-container">
{userProfile.badges.map((badge) => { {userProfile.badges.map((badge) => {
const badgeIcon = getBadgeIcon(badge); const badgeIcon = getBadgeIcon(badge);
if (!badgeIcon) return null; if (!badgeIcon) return null;
return ( return (
<div <div
className={`badge__${badge.toLowerCase()}`}
key={badge} key={badge}
title={t(`badge_description_${badge.toLowerCase()}`)} title={t(`badge_description_${badge.toLowerCase()}`)}
> >