feat: optiminize modal UE on mobile dev

This commit is contained in:
butterfly
2024-04-30 11:03:37 +08:00
parent 5ea6206319
commit 996537d262
3 changed files with 26 additions and 17 deletions

View File

@@ -54,12 +54,12 @@ export default function SessionItem(props: {
}
`}
onClick={props.onClick}
// ref={(ele) => {
// draggableRef.current = ele;
// provided.innerRef(ele);
// }}
// {...provided.draggableProps}
// {...provided.dragHandleProps}
ref={(ele) => {
draggableRef.current = ele;
provided.innerRef(ele);
}}
{...provided.draggableProps}
{...provided.dragHandleProps}
title={`${props.title}\n${Locale.ChatItem.ChatItemCount(
props.count,
)}`}

View File

@@ -97,20 +97,13 @@ export default MenuLayout(function SessionList(props) {
</div>
</div>
<div
className={`flex-1 overflow-y-auto max-md:pb-chat-panel-mobile `}
// onClick={(e) => {
// if (e.target === e.currentTarget) {
// navigate(Path.Home);
// }
// }}
>
<div className={`flex-1 overflow-y-auto max-md:pb-chat-panel-mobile `}>
<DragDropContext onDragEnd={onDragEnd}>
<Droppable droppableId="chat-list">
{(provided) => (
<div
// ref={provided.innerRef}
// {...provided.droppableProps}
ref={provided.innerRef}
{...provided.droppableProps}
className={`w-[100%]`}
>
{sessions.map((item, i) => (