This commit is contained in:
@@ -288,37 +288,8 @@ const UserEditModal: Component<UserEditModalProps> = (props) => {
|
|||||||
background: isAdminRole && isSelected ? 'rgba(245, 158, 11, 0.1)' : undefined,
|
background: isAdminRole && isSelected ? 'rgba(245, 158, 11, 0.1)' : undefined,
|
||||||
border: isAdminRole && isSelected ? '1px solid rgba(245, 158, 11, 0.3)' : undefined
|
border: isAdminRole && isSelected ? '1px solid rgba(245, 158, 11, 0.3)' : undefined
|
||||||
}}
|
}}
|
||||||
onClick={() => !isDisabled && handleRoleToggle(role.id)} // Добавляем обработчик клика
|
onClick={() => !isDisabled && handleRoleToggle(role.id)}
|
||||||
>
|
>
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
width: '20px',
|
|
||||||
height: '20px',
|
|
||||||
'border-radius': '50%',
|
|
||||||
border: `2px solid ${isSelected ? '#3b82f6' : '#a1a1aa'}`,
|
|
||||||
'background-color': isSelected ? '#3b82f6' : 'transparent',
|
|
||||||
display: 'flex',
|
|
||||||
'align-items': 'center',
|
|
||||||
'justify-content': 'center',
|
|
||||||
cursor: isDisabled ? 'not-allowed' : 'pointer'
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Show when={isSelected}>
|
|
||||||
<svg
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="12"
|
|
||||||
height="12"
|
|
||||||
viewBox="0 0 24 24"
|
|
||||||
fill="none"
|
|
||||||
stroke="white"
|
|
||||||
stroke-width="3"
|
|
||||||
stroke-linecap="round"
|
|
||||||
stroke-linejoin="round"
|
|
||||||
>
|
|
||||||
<polyline points="20 6 9 17 4 12"></polyline>
|
|
||||||
</svg>
|
|
||||||
</Show>
|
|
||||||
</div>
|
|
||||||
<div class={formStyles.roleHeader}>
|
<div class={formStyles.roleHeader}>
|
||||||
<span class={formStyles.roleName}>
|
<span class={formStyles.roleName}>
|
||||||
<span style={{ 'margin-right': '0.5rem', 'font-size': '1.1rem' }}>
|
<span style={{ 'margin-right': '0.5rem', 'font-size': '1.1rem' }}>
|
||||||
@@ -350,9 +321,8 @@ const UserEditModal: Component<UserEditModalProps> = (props) => {
|
|||||||
'justify-content': 'center',
|
'justify-content': 'center',
|
||||||
cursor: isDisabled ? 'not-allowed' : 'pointer'
|
cursor: isDisabled ? 'not-allowed' : 'pointer'
|
||||||
}}
|
}}
|
||||||
onClick={() => !isDisabled && handleRoleToggle(role.id)}
|
|
||||||
>
|
>
|
||||||
{isSelected && (
|
<Show when={isSelected}>
|
||||||
<svg
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
width="12"
|
width="12"
|
||||||
@@ -366,7 +336,7 @@ const UserEditModal: Component<UserEditModalProps> = (props) => {
|
|||||||
>
|
>
|
||||||
<polyline points="20 6 9 17 4 12"></polyline>
|
<polyline points="20 6 9 17 4 12"></polyline>
|
||||||
</svg>
|
</svg>
|
||||||
)}
|
</Show>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class={formStyles.roleDescription}>{role.description}</div>
|
<div class={formStyles.roleDescription}>{role.description}</div>
|
||||||
|
Reference in New Issue
Block a user