pstream is dead; long live pstream
taciturnaxolotl.github.io/pstream-ng/
update dropdown styles
+6
-6
+3
-3
src/components/form/Dropdown.tsx
+3
-3
src/components/form/Dropdown.tsx
···
33
33
{customButton ? (
34
34
<Listbox.Button as={Fragment}>{customButton}</Listbox.Button>
35
35
) : (
36
-
<Listbox.Button className="relative z-[30] w-full rounded-lg bg-dropdown-background hover:bg-dropdown-hoverBackground py-3 pl-3 pr-10 text-left text-white shadow-md focus:outline-none tabbable cursor-pointer">
36
+
<Listbox.Button className="relative z-[30] w-full rounded-xl bg-dropdown-background hover:bg-dropdown-hoverBackground py-2 pl-3 pr-10 text-left text-white shadow-md focus:outline-none tabbable cursor-pointer">
37
37
<span className="flex gap-4 items-center truncate">
38
38
{props.selectedItem.leftIcon
39
39
? props.selectedItem.leftIcon
···
51
51
<Transition
52
52
animation="slide-down"
53
53
show={open}
54
-
className={`absolute z-[40] min-w-[20px] w-fit max-h-60 overflow-auto rounded-lg bg-dropdown-background py-1 text-white shadow-lg ring-1 ring-black ring-opacity-5 scrollbar-thin scrollbar-track-background-secondary scrollbar-thumb-type-secondary focus:outline-none ${
54
+
className={`absolute z-[40] min-w-[20px] w-fit max-h-60 overflow-auto rounded-xl bg-dropdown-background py-1 text-white shadow-lg ring-1 ring-black ring-opacity-5 scrollbar-thin scrollbar-track-background-secondary scrollbar-thumb-type-secondary focus:outline-none ${
55
55
direction === "up" ? "bottom-full mb-4" : "top-full mt-1"
56
56
} ${props.side === "right" ? "right-0" : "left-0"}`}
57
57
>
···
60
60
{customMenu}
61
61
</Listbox.Options>
62
62
) : (
63
-
<Listbox.Options static className="py-1">
63
+
<Listbox.Options static>
64
64
{props.options.map((opt) => (
65
65
<Listbox.Option
66
66
className={({ active }) =>
+3
-3
src/components/form/GroupDropdown.tsx
+3
-3
src/components/form/GroupDropdown.tsx
···
85
85
<div ref={dropdownRef} className="relative min-w-[200px]">
86
86
<button
87
87
type="button"
88
-
className="w-full px-3 py-2 text-xs bg-background-main border border-background-secondary rounded-lg text-white flex justify-between items-center hover:bg-mediaCard-hoverBackground transition-colors"
88
+
className="w-full px-3 py-2 text-xs bg-background-main border border-background-secondary rounded-xl text-white flex justify-between items-center hover:bg-mediaCard-hoverBackground transition-colors"
89
89
onClick={() => setOpen((v) => !v)}
90
90
>
91
91
{currentGroups.length > 0 ? (
···
116
116
</span>
117
117
</button>
118
118
{open && (
119
-
<div className="absolute min-w-full z-[150] mt-1 end-0 bg-background-main border border-background-secondary rounded-lg shadow-lg py-1 pb-3 text-sm">
119
+
<div className="absolute min-w-full z-[150] mt-1 end-0 bg-background-main border border-background-secondary rounded-xl shadow-lg py-1 pb-3 text-sm">
120
120
{groups.length === 0 && !showInput && (
121
121
<div className="px-4 py-2 text-type-secondary">
122
122
{t("home.bookmarks.groups.dropdown.empty")}
···
128
128
return (
129
129
<label
130
130
key={group}
131
-
className="flex items-center gap-2 mx-1 px-3 py-2 hover:bg-mediaCard-hoverBackground rounded-md cursor-pointer transition-colors text-type-link/80"
131
+
className="flex items-center gap-2 mx-1 px-3 py-2 hover:bg-mediaCard-hoverBackground rounded-lg cursor-pointer transition-colors text-type-link/80"
132
132
>
133
133
<input
134
134
type="checkbox"