Files
dashboards/src/components/RoleModal.module.css
T

44 lines
809 B
CSS

.userName {
margin-top: 8px;
font-size: 0.9rem;
color: var(--text-secondary);
}
.roleList {
position: relative;
list-style: none;
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
padding: 0;
}
.roleOption {
width: 100%;
padding: 14px 16px;
border-radius: var(--radius-sm);
border: 1.5px solid rgba(143, 65, 12, 0.22);
background: rgba(255, 250, 250, 0.72);
color: var(--text-primary);
font-size: 0.95rem;
font-weight: 500;
text-align: start;
transition:
color 0.2s,
background 0.2s,
border-color 0.2s;
}
.roleOption:hover {
color: var(--brown);
border-color: rgba(143, 65, 12, 0.4);
background: rgba(143, 65, 12, 0.05);
}
.roleOptionActive {
color: var(--brown);
border-color: var(--brown);
background: rgba(143, 65, 12, 0.08);
}