ocroguennec/crowdlending-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Gestion des utilisateurs

Browse Source
This commit is contained in:
Olivier
2026-06-15 07:32:36 +02:00
parent 414c8dbb74
commit f3c5387a92
11 changed files with 1163 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+120 -4
View File
@@ -251,6 +251,25 @@ a { color: var(--primary); }
}
.btn-add-invest:hover { background: var(--primary-hover); box-shadow: 0 3px 12px rgba(59,130,246,.5); }
/* ── Boutons génériques ──────────────────────────────────────── */
.btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
padding: 0 14px; height: 32px;
border-radius: 8px; border: 1px solid transparent;
font-size: var(--fs-sm); font-weight: 500;
cursor: pointer; white-space: nowrap;
transition: background .15s, border-color .15s, box-shadow .15s;
}
.btn-sm { height: 32px; padding: 0 12px; font-size: var(--fs-xs); }
.btn-primary {
background: var(--primary); color: #fff; border-color: var(--primary);
}
.btn-primary:hover { background: var(--primary-hover); border-color: var(--primary-hover); }
.btn-outline {
background: var(--surface); color: var(--text); border-color: var(--border);
}
.btn-outline:hover { background: var(--surface-2); border-color: var(--border); }
/* ── Burger menu topbar ──────────────────────────────────────── */
.topbar-burger-wrap { position: relative; display: none; }
.topbar-burger-btn {
@@ -426,10 +445,10 @@ a { color: var(--primary); }
display: flex;
align-items: center;
gap: 8px;
height: 40px;
padding: 0 16px;
height: 32px;
padding: 0 12px;
border: 1.5px solid var(--primary);
border-radius: 20px;
border-radius: 8px;
background: transparent;
color: var(--primary);
min-width: 330px;
@@ -1895,4 +1914,101 @@ tr:hover td { background: var(--surface-2); }
.drill-table tr:hover td { background: inherit; }
/* Les lignes cliquables ont leur propre hover via opacity inline — on protège
les lignes "header de section" (sous-total, total) contre le global hover. */
.drill-table tr.drill-row-fixed:hover td { background: inherit !important; }
.drill-table tr.drill-row-fixed:hove
/* ── Pagination ──────────────────────────────────────────────────────────── */
.pagination-bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 2px 2px;
gap: 12px;
flex-wrap: wrap;
}
.pagination-info {
font-size: var(--fs-xs);
color: var(--text-muted);
white-space: nowrap;
}
.pagination-controls {
display: flex;
align-items: center;
gap: 4px;
}
.pagination-size-label {
display: flex;
align-items: center;
gap: 5px;
font-size: var(--fs-xs);
color: var(--text-muted);
margin-right: 10px;
white-space: nowrap;
}
.pagination-size-select {
font-size: var(--fs-xs);
padding: 3px 6px;
border: 1px solid var(--border);
border-radius: 4px;
background: var(--surface);
color: var(--text);
cursor: pointer;
}
.pagination-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
background: var(--surface);
border: 1px solid var(--border);
border-radius: 5px;
font-size: 13px;
color: var(--text);
cursor: pointer;
line-height: 1;
transition: background .12s, border-color .12s;
}
.pagination-btn:hover:not(:disabled) {
background: var(--surface-2);
border-color: var(--primary);
color: var(--primary);
}
.pagination-btn:disabled {
opacity: .35;
cursor: default;
}
.pagination-pages {
font-size: var(--fs-xs);
color: var(--text-muted);
padding: 0 8px;
white-space: nowrap;
}
/* ── Barre de filtres admin users ─────────────────────────────────────────── */
.admin-filters {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.admin-filters input[type=search] {
flex: 1;
min-width: 180px;
padding: 7px 12px;
border-radius: 6px;
border: 1px solid var(--border);
background: var(--surface);
color: var(--text);
font-size: var(--fs-sm);
}
.admin-filters input[type=search]::placeholder { color: var(--text-muted); }
.admin-filters select {
padding: 7px 12px;
border-radius: 6px;
border: 1px solid var(--border);
background: var(--surface);
color: var(--text);
font-size: var(--fs-sm);
min-width: 160px;
}