95 lines
1.9 KiB
CSS
95 lines
1.9 KiB
CSS
.admin-panel {
|
|
padding: var(--spacing-2xl);
|
|
max-width: var(--max-width-3xl);
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.users-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
background: var(--color-background-alt);
|
|
box-shadow: var(--shadow-sm);
|
|
}
|
|
|
|
.users-table th,
|
|
.users-table td {
|
|
padding: var(--spacing-md);
|
|
text-align: left;
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
|
|
.users-table th {
|
|
background-color: var(--color-dark);
|
|
color: var(--color-text-inverse);
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
|
|
.users-table tr:hover {
|
|
background-color: var(--color-dark-light);
|
|
}
|
|
|
|
.auth-badge {
|
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
border-radius: var(--radius-sm);
|
|
font-size: var(--font-size-sm);
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
|
|
.auth-badge.local {
|
|
background-color: var(--color-dark-light);
|
|
color: var(--color-text-inverse);
|
|
}
|
|
|
|
.auth-badge.entra {
|
|
background-color: #0078d4;
|
|
color: var(--color-text-inverse);
|
|
}
|
|
|
|
.role-badge {
|
|
padding: var(--spacing-xs) var(--spacing-md);
|
|
border-radius: var(--radius-xl);
|
|
font-size: var(--font-size-sm);
|
|
font-weight: var(--font-weight-bold);
|
|
}
|
|
|
|
.role-badge.admin {
|
|
background-color: var(--color-danger);
|
|
color: var(--color-text-inverse);
|
|
}
|
|
|
|
.role-badge.editor {
|
|
background-color: var(--color-primary);
|
|
color: var(--color-text-inverse);
|
|
}
|
|
|
|
.role-badge.user {
|
|
background-color: var(--color-dark-light);
|
|
color: var(--color-text-inverse);
|
|
}
|
|
|
|
.role-select {
|
|
padding: var(--spacing-xs) var(--spacing-sm);
|
|
border-radius: var(--radius-sm);
|
|
border: 1px solid var(--color-border);
|
|
}
|
|
|
|
.coming-soon {
|
|
color: var(--color-text-muted);
|
|
font-style: italic;
|
|
}
|
|
|
|
/* Responsive */
|
|
@media (max-width: 768px) {
|
|
.admin-panel {
|
|
padding: var(--spacing-lg);
|
|
}
|
|
|
|
.users-table {
|
|
font-size: var(--font-size-sm);
|
|
}
|
|
|
|
.users-table th,
|
|
.users-table td {
|
|
padding: var(--spacing-sm);
|
|
}
|
|
} |