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:15:45 +03:00
parent 1945e016e1
commit 7ab385cf4a
2 changed files with 32 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -103,19 +103,28 @@
}
.user-item-wrapper {
padding: 2px 8px;
padding: 4px 12px;
display: flex;
align-items: center;
gap: 6px;
gap: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.user-item-wrapper:last-child {
border-bottom: none;
}
[data-theme="dark"] .user-item-wrapper {
border-bottom-color: rgba(255, 255, 255, 0.03);
}
.user-item {
display: flex;
align-items: flex-start;
gap: 6px;
gap: 8px;
cursor: pointer;
transition: background 0.2s;
padding: 3px;
padding: 4px;
border-radius: 4px;
position: relative;
flex: 1;
@ -126,12 +135,12 @@
}
.follow-list-modal .user-avatar {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
max-width: 20px !important;
max-height: 20px !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
@ -142,25 +151,25 @@
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.5px;
gap: 1px;
text-align: left;
align-items: flex-start;
}
.follow-list-modal .user-name {
font-size: 10px !important;
font-size: 13px !important;
font-weight: 600;
color: var(--text-primary);
line-height: 1.2;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.follow-list-modal .user-username {
font-size: 12px !important;
font-size: 14px !important;
color: var(--text-secondary);
line-height: 1.2;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@ -168,8 +177,12 @@
/* Follow Button Icon */
.follow-btn-icon {
width: 26px;
height: 26px;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
max-width: 36px !important;
max-height: 36px !important;
border-radius: 50%;
background: var(--bg-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)}
>
{isFollowing ? (
<UserMinus size={16} />
<UserMinus size={18} />
) : (
<UserPlus size={16} />
<UserPlus size={18} />
)}
</button>
)}