Lightemerald/hydra
1
0
Fork 0
mirror of https://github.com/hydralauncher/hydra.git synced 2026-01-11 13:56:16 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

ci: another lint fixes

Browse Source
This commit is contained in:
Moyasee
2025-10-20 01:50:30 +03:00
parent 8c0281844e
commit e53e52df1b
4 changed files with 46 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/renderer/src/components/fullscreen-image-modal/fullscreen-image-modal.scss
View File

@@ -12,6 +12,18 @@
animation: fadeIn 0.2s ease-out;
cursor: pointer;
&__backdrop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
border: none;
padding: 0;
cursor: pointer;
}
&__container {
position: relative;
max-width: 95vw;

24
src/renderer/src/components/fullscreen-image-modal/fullscreen-image-modal.tsx
View File

@@ -35,27 +35,19 @@ export function FullscreenImageModal({
if (!isOpen) return null;
const handleBackdropClick = (event: React.MouseEvent) => {
if (event.target === event.currentTarget) {
onClose();
}
};
const handleBackdropKeyDown = (event: React.KeyboardEvent) => {
if (event.key === 'Escape') {
onClose();
}
};
return (
<div
className="fullscreen-image-modal"
onClick={handleBackdropClick}
onKeyDown={handleBackdropKeyDown}
<div
className="fullscreen-image-modal"
role="dialog"
aria-modal="true"
tabIndex={-1}
>
<button
type="button"
className="fullscreen-image-modal__backdrop"
onClick={onClose}
aria-label="Close fullscreen image"
/>
<div className="fullscreen-image-modal__container">
<button
className="fullscreen-image-modal__close-button"

32
src/renderer/src/pages/achievements/achievement-list.tsx
View File

@@ -66,31 +66,25 @@ export function AchievementList({
{achievement.achievementImageUrl && achievement.unlocked && (
<div className="achievements__item-image-container">
<div className="achievements__item-custom-image-wrapper">
<img
className="achievements__item-custom-image"
src={achievement.achievementImageUrl}
alt={`${achievement.displayName} screenshot`}
loading="lazy"
<button
type="button"
className="achievements__item-image-button"
onClick={() =>
handleImageClick(
achievement.achievementImageUrl,
achievement.achievementImageUrl!,
achievement.displayName
)
}
onKeyDown={(e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
handleImageClick(
achievement.achievementImageUrl,
achievement.displayName
);
}
}}
tabIndex={0}
role="button"
aria-label={`View ${achievement.displayName} screenshot in fullscreen`}
style={{ cursor: "pointer" }}
/>
style={{ cursor: "pointer", padding: 0, border: "none", background: "transparent" }}
>
<img
className="achievements__item-custom-image"
src={achievement.achievementImageUrl}
alt={`${achievement.displayName} screenshot`}
loading="lazy"
/>
</button>
<div className="achievements__item-custom-image-overlay">
<SearchIcon size={20} />
</div>

29
src/renderer/src/pages/profile/profile-content/profile-content.tsx
View File

@@ -226,28 +226,25 @@ export function ProfileContent() {
>
<div className="profile-content__souvenir-card-header">
<div className="profile-content__souvenir-achievement-image-wrapper">
<img
src={achievement.achievementImageUrl}
alt={achievement.name}
className="profile-content__souvenir-achievement-image"
loading="lazy"
<button
type="button"
className="profile-content__souvenir-image-button"
onClick={() =>
handleImageClick(
achievement.achievementImageUrl,
achievement.achievementImageUrl!,
achievement.name
)
}
onKeyDown={(e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
handleImageClick(achievement.achievementImageUrl, achievement.name);
}
}}
tabIndex={0}
role="button"
aria-label={`View ${achievement.name} screenshot in fullscreen`}
style={{ cursor: "pointer" }}
/>
style={{ cursor: "pointer", padding: 0, border: "none", background: "transparent" }}
>
<img
src={achievement.achievementImageUrl}
alt={achievement.name}
className="profile-content__souvenir-achievement-image"
loading="lazy"
/>
</button>
<div className="profile-content__souvenir-achievement-image-overlay">
<SearchIcon size={20} />
</div>