@godxjp/ui 15.0.0 → 15.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -164,7 +164,7 @@ function Pagination({
|
|
|
164
164
|
/* @__PURE__ */ jsx(
|
|
165
165
|
SelectTrigger,
|
|
166
166
|
{
|
|
167
|
-
className: "ui-pagination-size-trigger",
|
|
167
|
+
className: "ui-pagination-size-trigger w-[var(--pagination-size-width)]",
|
|
168
168
|
"aria-label": t("navigation.pagination.pageSize"),
|
|
169
169
|
children: /* @__PURE__ */ jsx(SelectValue, {})
|
|
170
170
|
}
|
package/dist/styles/layout.css
CHANGED
|
@@ -84,8 +84,14 @@
|
|
|
84
84
|
justify-content: space-evenly;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
|
-
.ui-flex-gap-xs
|
|
87
|
+
.ui-flex-gap-xs {
|
|
88
|
+
gap: var(--space-stack-xs);
|
|
89
|
+
}
|
|
90
|
+
/* Match the other `.ui-stack-*` sizes: a stack is a vertical column, not a row.
|
|
91
|
+
* Without this, `gap="xs"` stacks (e.g. ToolbarGroup label + control) laid out
|
|
92
|
+
* as a row and squeezed CJK labels into a vertical wrap. */
|
|
88
93
|
.ui-stack-xs {
|
|
94
|
+
flex-direction: column;
|
|
89
95
|
gap: var(--space-stack-xs);
|
|
90
96
|
}
|
|
91
97
|
.ui-flex-gap-sm {
|
|
@@ -591,8 +597,7 @@
|
|
|
591
597
|
font-variant-numeric: tabular-nums;
|
|
592
598
|
}
|
|
593
599
|
|
|
594
|
-
.ui-toolbar
|
|
595
|
-
.ui-filter-bar {
|
|
600
|
+
.ui-toolbar {
|
|
596
601
|
display: flex;
|
|
597
602
|
flex-direction: column;
|
|
598
603
|
gap: var(--filter-bar-gap);
|
|
@@ -600,41 +605,35 @@
|
|
|
600
605
|
}
|
|
601
606
|
|
|
602
607
|
@media (min-width: 640px) {
|
|
603
|
-
.ui-toolbar
|
|
604
|
-
.ui-filter-bar {
|
|
608
|
+
.ui-toolbar {
|
|
605
609
|
flex-flow: row wrap;
|
|
606
610
|
align-items: flex-end;
|
|
607
611
|
}
|
|
608
612
|
}
|
|
609
613
|
|
|
610
|
-
.ui-toolbar-clear
|
|
611
|
-
.ui-filter-clear {
|
|
614
|
+
.ui-toolbar-clear {
|
|
612
615
|
width: 100%;
|
|
613
616
|
}
|
|
614
617
|
|
|
615
618
|
@media (min-width: 640px) {
|
|
616
|
-
.ui-toolbar-clear
|
|
617
|
-
.ui-filter-clear {
|
|
619
|
+
.ui-toolbar-clear {
|
|
618
620
|
width: auto;
|
|
619
621
|
margin-inline-start: auto;
|
|
620
622
|
}
|
|
621
623
|
}
|
|
622
624
|
|
|
623
|
-
.ui-toolbar-group
|
|
624
|
-
.ui-filter-group {
|
|
625
|
+
.ui-toolbar-group {
|
|
625
626
|
min-width: 0;
|
|
626
627
|
width: 100%;
|
|
627
628
|
}
|
|
628
629
|
|
|
629
630
|
@media (min-width: 640px) {
|
|
630
|
-
.ui-toolbar-group
|
|
631
|
-
.ui-filter-group {
|
|
631
|
+
.ui-toolbar-group {
|
|
632
632
|
width: auto;
|
|
633
633
|
}
|
|
634
634
|
}
|
|
635
635
|
|
|
636
|
-
.ui-toolbar-label
|
|
637
|
-
.ui-filter-label {
|
|
636
|
+
.ui-toolbar-label {
|
|
638
637
|
display: flex;
|
|
639
638
|
align-items: center;
|
|
640
639
|
color: hsl(var(--muted-foreground));
|