fix(ui): refine settings and surface styling

This commit is contained in:
NimBold
2026-07-27 08:37:49 +03:30
parent d5c3fc8b27
commit 61dfcf5d8a
9 changed files with 142 additions and 35 deletions
+14 -6
View File
@@ -2307,13 +2307,17 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ filter, onSummaryC
{itemsToQueue.length > 0 && (
<div className="group relative">
<button className="w-full text-left px-3 py-2 hover:bg-item-hover transition-colors flex justify-between items-center">
<button
type="button"
aria-haspopup="menu"
className="w-full text-left px-3 py-2 hover:bg-item-hover transition-colors flex justify-between items-center"
>
{t($ => $.downloadTable.addToQueue)}
<ChevronRight size={14} className="download-context-menu-chevron" />
</button>
<div className="download-context-submenu absolute top-0 hidden group-hover:block min-w-[150px] bg-bg-modal border border-border-modal rounded-lg shadow-lg py-1.5 z-50">
<div className="download-context-submenu absolute top-0 min-w-[150px] bg-bg-modal border border-border-modal rounded-lg shadow-lg py-1.5 z-50" role="menu">
{queues.map(q => (
<button key={q.id} onClick={() => {
<button key={q.id} role="menuitem" onClick={() => {
setContextMenu(null);
void assignToQueue(itemsToQueue.map(item => item.id), q.id).catch(error => {
showInteractionError(t($ => $.downloadTable.moveManyFailed), error);
@@ -2426,13 +2430,17 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ filter, onSummaryC
{contextItem.status !== 'completed' && (
<div className="group relative">
<button className="w-full text-left px-3 py-2 hover:bg-item-hover transition-colors flex justify-between items-center">
<button
type="button"
aria-haspopup="menu"
className="w-full text-left px-3 py-2 hover:bg-item-hover transition-colors flex justify-between items-center"
>
{t($ => $.downloadTable.addToQueue)}
<ChevronRight size={14} className="download-context-menu-chevron" />
</button>
<div className="download-context-submenu absolute top-0 hidden group-hover:block min-w-[150px] bg-bg-modal border border-border-modal rounded-lg shadow-lg py-1.5 z-50">
<div className="download-context-submenu absolute top-0 min-w-[150px] bg-bg-modal border border-border-modal rounded-lg shadow-lg py-1.5 z-50" role="menu">
{queues.map(q => (
<button key={q.id} onClick={() => {
<button key={q.id} role="menuitem" onClick={() => {
setContextMenu(null);
void assignToQueue([contextItem.id], q.id).catch(error => {
showInteractionError(t($ => $.downloadTable.moveOneFailed), error);