Dev #7
@@ -208,10 +208,10 @@ const FolderTreeItem: React.FC<FolderTreeItemProps> = ({
|
|||||||
onDragStart={(e) => handleDocDragStart(e, d.id)}
|
onDragStart={(e) => handleDocDragStart(e, d.id)}
|
||||||
onClick={() => onSelectDoc(d.id)}
|
onClick={() => onSelectDoc(d.id)}
|
||||||
style={{ paddingLeft: `${(depth + 1) * 12 + 16}px` }}
|
style={{ paddingLeft: `${(depth + 1) * 12 + 16}px` }}
|
||||||
className={`w-full flex items-center gap-2 pr-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
|
className={`w-full flex items-center gap-2 pr-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
|
||||||
selectedDocId === d.id && subView === 'editor'
|
selectedDocId === d.id && subView === 'editor'
|
||||||
? 'bg-accent text-on-accent font-semibold'
|
? 'bg-panel border-accent text-main font-semibold shadow-xs'
|
||||||
: 'text-main hover:bg-panel-elevated'
|
: 'border-transparent text-main hover:bg-panel-elevated'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<span className="shrink-0">{d.icon || '📝'}</span>
|
<span className="shrink-0">{d.icon || '📝'}</span>
|
||||||
@@ -1144,10 +1144,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
|||||||
setSubView('editor');
|
setSubView('editor');
|
||||||
setMobileShowDetail(true);
|
setMobileShowDetail(true);
|
||||||
}}
|
}}
|
||||||
className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
|
className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
|
||||||
selectedDocId === d.id && subView === 'editor'
|
selectedDocId === d.id && subView === 'editor'
|
||||||
? 'bg-accent text-on-accent font-semibold'
|
? 'bg-panel border-accent text-main font-semibold shadow-xs'
|
||||||
: 'text-main hover:bg-panel-elevated'
|
: 'border-transparent text-main hover:bg-panel-elevated'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<span>{d.icon || '📝'}</span>
|
<span>{d.icon || '📝'}</span>
|
||||||
@@ -1216,10 +1216,10 @@ export const WorkspaceView: React.FC<WorkspaceViewProps> = ({
|
|||||||
setSubView('editor');
|
setSubView('editor');
|
||||||
setMobileShowDetail(true);
|
setMobileShowDetail(true);
|
||||||
}}
|
}}
|
||||||
className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer transition-colors ${
|
className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-btn text-left text-xs cursor-pointer border transition-colors ${
|
||||||
selectedDocId === d.id && subView === 'editor'
|
selectedDocId === d.id && subView === 'editor'
|
||||||
? 'bg-accent text-on-accent font-semibold'
|
? 'bg-panel border-accent text-main font-semibold shadow-xs'
|
||||||
: 'text-main hover:bg-panel-elevated'
|
: 'border-transparent text-main hover:bg-panel-elevated'
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
<span>{d.icon || '📝'}</span>
|
<span>{d.icon || '📝'}</span>
|
||||||
|
|||||||
Reference in new issue
Block a user