added scrolling on categories selection
This commit is contained in:
@@ -15,9 +15,8 @@ import {
|
|||||||
SelectPortal,
|
SelectPortal,
|
||||||
SelectBackdrop,
|
SelectBackdrop,
|
||||||
SelectContent,
|
SelectContent,
|
||||||
SelectDragIndicator,
|
|
||||||
SelectDragIndicatorWrapper,
|
|
||||||
SelectItem,
|
SelectItem,
|
||||||
|
SelectScrollView,
|
||||||
} from "@/components/ui/select";
|
} from "@/components/ui/select";
|
||||||
|
|
||||||
import { ChevronDownIcon } from "@/components/ui/icon";
|
import { ChevronDownIcon } from "@/components/ui/icon";
|
||||||
@@ -185,13 +184,12 @@ export default function CreateNotice() {
|
|||||||
</SelectTrigger>
|
</SelectTrigger>
|
||||||
<SelectPortal>
|
<SelectPortal>
|
||||||
<SelectBackdrop />
|
<SelectBackdrop />
|
||||||
<SelectContent>
|
<SelectContent style={{ maxHeight: 400 }}>
|
||||||
<SelectDragIndicatorWrapper>
|
<SelectScrollView>
|
||||||
<SelectDragIndicator />
|
{selectItems.map((item) => (
|
||||||
</SelectDragIndicatorWrapper>
|
<SelectItem key={item.value} label={item.label} value={item.value} />
|
||||||
{selectItems.map((item) => (
|
))}
|
||||||
<SelectItem key={item.value} label={item.label} value={item.value}/>
|
</SelectScrollView>
|
||||||
))}
|
|
||||||
</SelectContent>
|
</SelectContent>
|
||||||
</SelectPortal>
|
</SelectPortal>
|
||||||
</Select>
|
</Select>
|
||||||
|
|||||||
Reference in New Issue
Block a user