57 lines
No EOL
981 B
CSS
57 lines
No EOL
981 B
CSS
.memberItem {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 70px;
|
|
padding: 0px 16px;
|
|
justify-content: space-between;
|
|
color: var(--color-text);
|
|
font-family: var(--font-family);
|
|
}
|
|
|
|
.userProfile {
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.profileIcon {
|
|
font-size: 36px;
|
|
color: var(--color-gray-disabled);
|
|
}
|
|
|
|
.userInfo {
|
|
display: grid;
|
|
grid-template-columns: 200px 250px 100px;
|
|
gap: 16px;
|
|
flex-grow: 1;
|
|
align-items: center;
|
|
}
|
|
|
|
.userName {
|
|
margin: 0;
|
|
font-size: 14px;
|
|
color: var(--color-text);
|
|
font-family: var(--font-family);
|
|
}
|
|
|
|
.userEmail,
|
|
.userRole {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
font-weight: light;
|
|
color: var(--color-gray);
|
|
font-family: var(--font-family);
|
|
}
|
|
|
|
.actions {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.editBtn:hover {
|
|
color: var(--color-secondary);
|
|
}
|
|
|
|
.deleteBtn:hover {
|
|
color: var(--color-red);
|
|
}
|
|
|