apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-04-25 08:46:22 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: implement responsive comment UI with mobile and desktop variants

Browse source
This commit is contained in:
DESKTOP-RTLN3BA\$punk 2026-01-19 16:50:51 -08:00
parent d83e9aa52d
commit ab91cbd148
8 changed files with 229 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
surfsense_web/components/chat-comments/comment-panel-container/comment-panel-container.tsx
View file

@ -19,6 +19,7 @@ export function CommentPanelContainer({
messageId,
isOpen,
maxHeight,
variant = "desktop",
}: CommentPanelContainerProps) {
const { data: commentsData, isLoading: isCommentsLoading } = useComments({
messageId,
@ -80,6 +81,7 @@ export function CommentPanelContainer({
onDeleteComment={handleDeleteComment}
isSubmitting={isSubmitting}
maxHeight={maxHeight}
variant={variant}
/>
);
}

2
surfsense_web/components/chat-comments/comment-panel-container/types.ts
View file

@ -2,4 +2,6 @@ export interface CommentPanelContainerProps {
messageId: number;
isOpen: boolean;
maxHeight?: number;
/** Variant for responsive styling - desktop shows border/bg, mobile is plain */
variant?: "desktop" | "mobile";
}