malpercio.dev
WIP! A BB-style forum, on the ATmosphere!
We're still working... we'll be back soon when we have something to show off!
node
typescript
hono
htmx
atproto
style(web): add admin member table CSS classes (ATB-43)
+53
apps/web/public/static/css/theme.css
+53
apps/web/public/static/css/theme.css
···
946
946
color: var(--color-text-muted);
947
947
font-size: var(--font-size-sm);
948
948
}
949
+
950
+
/* ─── Admin Member Table ─────────────────────────────────────────────────── */
951
+
952
+
.admin-member-table {
953
+
width: 100%;
954
+
border-collapse: collapse;
955
+
margin-top: var(--space-md);
956
+
}
957
+
958
+
.admin-member-table th {
959
+
text-align: left;
960
+
padding: var(--space-sm) var(--space-md);
961
+
border-bottom: calc(var(--border-width) * 2) solid var(--color-border);
962
+
font-weight: var(--font-weight-bold);
963
+
font-size: var(--font-size-sm);
964
+
color: var(--color-text-muted);
965
+
text-transform: uppercase;
966
+
letter-spacing: 0.05em;
967
+
}
968
+
969
+
.admin-member-table td {
970
+
padding: var(--space-sm) var(--space-md);
971
+
border-bottom: var(--border-width) solid var(--color-border);
972
+
vertical-align: middle;
973
+
}
974
+
975
+
.admin-member-table tbody tr:last-child td {
976
+
border-bottom: none;
977
+
}
978
+
979
+
.role-badge {
980
+
display: inline-block;
981
+
padding: var(--space-xs) var(--space-sm);
982
+
border: var(--border-width) solid var(--color-border);
983
+
font-size: var(--font-size-sm);
984
+
font-weight: var(--font-weight-bold);
985
+
background-color: var(--color-surface);
986
+
}
987
+
988
+
.member-row__assign-form {
989
+
display: flex;
990
+
align-items: center;
991
+
gap: var(--space-sm);
992
+
flex-wrap: wrap;
993
+
}
994
+
995
+
.member-row__error {
996
+
display: block;
997
+
color: var(--color-danger);
998
+
font-size: var(--font-size-sm);
999
+
font-weight: var(--font-weight-bold);
1000
+
margin-top: var(--space-xs);
1001
+
}