rustio-admin 0.23.0

Django Admin, but for Rust. A small, focused admin framework.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

/* ============================================================
 * rustio-admin / components / pagination
 *
 * Page navigator under list views — neutral pills with an
 * accent-fill active page. The `…` between far pages is
 * ornamental and not clickable.
 * ============================================================ */

.rio-pagination {
  display: flex;
  align-items: center;
  gap: var(--rio-s2);
  margin-top: var(--rio-s5);
  padding-top: var(--rio-s3);
  flex-wrap: wrap;
  font-size: var(--rio-fs-md);
}
.rio-pagination .rio-meta { margin-inline-end: auto; }
.rio-pagination-link,
.rio-pagination-num {
  padding: 0.4rem 0.85rem;
  border: 1px solid var(--rio-border);
  border-radius: var(--rio-radius-sm);
  font-size: var(--rio-fs-md);
  font-weight: var(--rio-fw-semibold);
  background: var(--rio-surface);
  color: var(--rio-text);
  font-variant-numeric: tabular-nums;
  transition: background 0.12s, border-color 0.12s, color 0.12s;
}
.rio-pagination-link:hover,
.rio-pagination-num:hover {
  text-decoration: none;
  background: var(--rio-surface-3);
  border-color: var(--rio-border-strong);
  color: var(--rio-text-strong);
}
/* Current page — accent fill, no hover swap. */
.rio-pagination-num.is-active,
.rio-pagination-num.is-active:hover {
  background: var(--rio-accent);
  border-color: var(--rio-accent);
  color: #fff;
  cursor: default;
}
/* `…` between far pages — ornamental, not clickable. */
.rio-pagination-ellipsis {
  padding: 0 0.35rem;
  color: var(--rio-text-subtle);
  font-weight: var(--rio-fw-bold);
  user-select: none;
}