Files
WebDrop/web/src/features/item/TransferProgress.module.css
T

46 lines
699 B
CSS

.transfer {
display: flex;
flex-direction: column;
gap: var(--space-1);
width: 360px;
max-width: 100%;
margin-top: var(--space-1);
color: var(--text-dim);
font-size: 11px;
}
.line {
display: flex;
align-items: baseline;
gap: var(--space-2);
}
.line small {
margin-inline-start: auto;
font-size: 11px;
}
.cancel {
padding: 0;
border: 0;
background: none;
color: var(--text-dim);
font: inherit;
text-decoration: underline;
cursor: pointer;
}
.line small + .cancel {
margin-inline-start: 0;
}
.line > span:first-child + .cancel {
margin-inline-start: auto;
}
.transfer progress {
width: 100%;
height: var(--space-1);
accent-color: var(--busy);
}