glpshchn
/
nakama
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update files

This commit is contained in:
glpshchn 2025-12-05 01:20:08 +03:00
parent 7ab385cf4a
commit 0943fd1d19
2 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/components/FollowListModal.css
View File

@ -103,10 +103,10 @@
} }
.user-item-wrapper { .user-item-wrapper {
padding: 4px 12px; padding: 8px 16px;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.03);
} }
@ -120,27 +120,28 @@
.user-item { .user-item {
display: flex; display: flex;
align-items: flex-start; align-items: center;
gap: 8px; gap: 12px;
cursor: pointer; cursor: pointer;
transition: background 0.2s; transition: background 0.2s;
padding: 4px; padding: 0;
border-radius: 4px; border-radius: 0;
position: relative; position: relative;
flex: 1; flex: 1;
min-height: 54px;
} }
.user-item:active { .user-item:active {
background: var(--bg-primary); background: transparent;
} }
.follow-list-modal .user-avatar { .follow-list-modal .user-avatar {
width: 36px !important; width: 54px !important;
height: 36px !important; height: 54px !important;
min-width: 36px !important; min-width: 54px !important;
min-height: 36px !important; min-height: 54px !important;
max-width: 36px !important; max-width: 54px !important;
max-height: 36px !important; max-height: 54px !important;
border-radius: 50%; border-radius: 50%;
object-fit: cover; object-fit: cover;
flex-shrink: 0; flex-shrink: 0;
@ -151,13 +152,14 @@
min-width: 0; min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1px; gap: 2px;
text-align: left; text-align: left;
align-items: flex-start; align-items: flex-start;
justify-content: center;
} }
.follow-list-modal .user-name { .follow-list-modal .user-name {
font-size: 13px !important; font-size: 15px !important;
font-weight: 600; font-weight: 600;
color: var(--text-primary); color: var(--text-primary);
line-height: 1.3; line-height: 1.3;
@ -177,12 +179,12 @@
/* Follow Button Icon */ /* Follow Button Icon */
.follow-btn-icon { .follow-btn-icon {
width: 36px !important; width: 54px !important;
height: 36px !important; height: 54px !important;
min-width: 36px !important; min-width: 54px !important;
min-height: 36px !important; min-height: 54px !important;
max-width: 36px !important; max-width: 54px !important;
max-height: 36px !important; max-height: 54px !important;
border-radius: 50%; border-radius: 50%;
background: var(--bg-primary); background: var(--bg-primary);
color: var(--text-primary); color: var(--text-primary);

4
frontend/src/components/FollowListModal.jsx
View File

@ -112,9 +112,9 @@ export default function FollowListModal({ users, title, onClose, currentUser })
onClick={(e) => handleFollowToggle(user._id, e)} onClick={(e) => handleFollowToggle(user._id, e)}
> >
{isFollowing ? ( {isFollowing ? (
<UserMinus size={18} /> <UserMinus size={22} />
) : ( ) : (
<UserPlus size={18} /> <UserPlus size={22} />
)} )}
</button> </button>
)} )}