Prevent note list bounce by reserving fixed height for loading more banner
This commit is contained in:
1 parent
e74d1ad57b
commit
3bd9eacbe3
1 file changed
+8
-4
@@ -2347,12 +2347,16 @@ export default function EvercloneWorkspace() {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Loading indicator for next page */}
|
||||
{loadingMore && (
|
||||
<div className="py-1 px-3 bg-emerald-50 text-center text-[10px] text-evernote-green font-medium animate-pulse rounded">
|
||||
{/* Reserved slot for loading indicator to prevent layout bounce when loading more notes */}
|
||||
<div className="h-5 flex items-center justify-center">
|
||||
<div
|
||||
className={`w-full py-0.5 px-3 bg-emerald-50 text-center text-[10px] text-evernote-green font-medium rounded transition-opacity duration-150 ${
|
||||
loadingMore ? 'opacity-100 animate-pulse' : 'opacity-0 pointer-events-none'
|
||||
}`}
|
||||
>
|
||||
Loading more notes…
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Collapsible Filter Panel */}
|
||||
{showFilterPanel && (
|
||||
|
||||
Reference in new issue
Block a user