gsadmin/Firelink
1
0
Fork 0
mirror of https://github.com/nimbold/Firelink.git synced 2026-08-28 11:37:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): align size header with values

Browse Source
This commit is contained in:
NimBold
2026-07-17 23:46:06 +03:30
parent 9fdd8ac1b8
commit 62365f514e
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/DownloadTable.tsx
+1 -1
View File
@@ -538,7 +538,7 @@ export const DownloadTable: React.FC<DownloadTableProps> = ({ filter }) => {
className={`${index === 5 ? 'download-cell-right' : ''} cursor-pointer hover:text-text-primary transition-colors flex items-center justify-between`} className={`${index === 5 ? 'download-cell-right' : ''} cursor-pointer hover:text-text-primary transition-colors flex items-center justify-between`}
onClick={() => handleSort(label as DownloadSortColumn)} onClick={() => handleSort(label as DownloadSortColumn)}
> >
<div className={`flex items-center gap-1 w-full h-full select-none ${index === 1 ? 'justify-end' : ''}`}> <div className="flex items-center gap-1 w-full h-full select-none">
<span>{label}</span> <span>{label}</span>
{(isQueueFilter ? queueSortConfig : sortConfig)?.column === label && ( {(isQueueFilter ? queueSortConfig : sortConfig)?.column === label && (
(isQueueFilter ? queueSortConfig : sortConfig)?.direction === 'asc' (isQueueFilter ? queueSortConfig : sortConfig)?.direction === 'asc'
src/index.css
+7 -3
View File
@@ -1972,14 +1972,14 @@ html[data-list-density="relaxed"] .download-ghost-row {
} }
.download-size-cell { .download-size-cell {
justify-content: flex-end; justify-content: flex-start;
text-align: left; text-align: left;
} }
.download-size-content { .download-size-content {
display: flex; display: flex;
align-items: center; align-items: center;
width: min(100%, 12rem); width: 100%;
min-width: 0; min-width: 0;
overflow: hidden; overflow: hidden;
text-align: left; text-align: left;
@@ -2005,7 +2005,11 @@ html[data-list-density="relaxed"] .download-ghost-row {
} }
.download-row > .download-size-cell { .download-row > .download-size-cell {
padding-right: calc(var(--download-column-padding-x) + 6px); padding-left: calc(var(--download-column-padding-x) + 8px);
}
.download-table-header > div:nth-child(2) {
padding-left: calc(var(--download-column-padding-x) + 8px);
} }
.download-cell-truncate > span, .download-cell-truncate > span,