fixed ui

src/assets/core.scss

@@ -281,6 +281,10 @@
     min-width: 0 !important;
     border-radius: 50px;
     font-size: 24px;
+    position: absolute;
+    top:0;
+    right:0;
+    transform: translateY(-100%);
     svg{
       margin-left: 0 !important;
     }

src/components/video/video-list-item.tsx

@@ -62,7 +62,7 @@ export const VideoListItem = (
 		className={`video-item ${className}`}
 		ref={setNodeRef} style={{transform: `translateY(${transform?.y || 0}px)`,}}
 	>
-		<div className={`list-row ${generating ? 'disabled status-generating' : ''} ${failed ? 'status-generate-failed' : ''} ${active?'playing':''}`}>
+		<div className={`list-row ${generating ? ' status-generating' : ''} ${failed ? 'status-generate-failed' : ''} ${active?'playing':''}`}>
 			<div
 				className="col number"
 			     {... (sortable && !generating?listeners:{})}

src/pages/live/index.tsx

@@ -332,6 +332,7 @@ export default function LiveIndex() {
 									</SortableContext>
 								</DndContext>
 							</div>
+							<div className="h-[100px]"></div>
 						</InfiniteScroller>
 					</div>
 				</div>

src/pages/news/edit.tsx

@@ -157,6 +157,7 @@ export default function NewEdit() {
 									</div>
 								</div>
 							})}
+							<div className="h-[100px]"></div>
 						</div>
 					</InfiniteScroller>
 				</div>

src/pages/news/index.tsx

@@ -189,6 +189,7 @@ export default function NewsIndex() {
 						</div>
 					</div>
 				))}
+				<div className="h-[100px]"></div>
 			</InfiniteScroller>