add additional list pagination helpers and components

This commit is contained in:
jeffvli
2025-09-29 00:33:32 -07:00
parent 90e7541bc1
commit 3efa54b68a
7 changed files with 188 additions and 35 deletions
@@ -1,14 +1,18 @@
.root {
justify-content: center;
}
.control {
color: var(--theme-btn-default-fg);
background-color: var(--theme-btn-default-bg);
color: var(--theme-colors-foreground);
background-color: var(--theme-colors-surface);
border: none;
transition:
background 0.2s ease-in-out,
color 0.2s ease-in-out;
&[data-active] {
color: var(--theme-btn-primary-fg);
background-color: var(--theme-btn-primary-bg);
color: var(--theme-colors-primary-contrast);
background-color: var(--theme-colors-primary-filled);
}
&[data-dots] {
@@ -16,12 +20,10 @@
}
&:hover {
color: var(--theme-btn-default-fg-hover);
background-color: var(--theme-btn-default-bg-hover);
background-color: lighten(var(--theme-colors-surface), 10%);
&[data-active] {
color: var(--theme-btn-primary-fg-hover);
background-color: var(--theme-btn-primary-bg-hover);
background-color: darken(var(--theme-colors-primary-filled), 10%);
}
&[data-dots] {
@@ -29,3 +31,9 @@
}
}
}
.container {
display: flex;
align-items: center;
justify-content: space-between;
}