feat: adjust status column alignment and width

- Center status column content
- Set column width to 2.5x row height
- Add mobile responsive width (0.8x row height for ≤768px)

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
This commit is contained in:
Vitor Mattos 2025-12-11 19:48:58 -03:00
parent 62d792d890
commit a6d748e91e
No known key found for this signature in database
GPG key ID: 6FECE2AD4809003A

View file

@ -437,25 +437,22 @@ export default {
.button-vue__text {
// Remove bold from default button styling
font-weight: normal;
}
}
}
}
}
.files-list__row-mtime,
.files-list__row-status {
color: var(--color-text-maxcontrast);
}
.files-list__row-status {
width: calc(var(--row-height) * 1.5);
// Right align content/text
justify-content: flex-end;
}
.files-list__row-mtime,
.files-list__row-status {
color: var(--color-text-maxcontrast);
}
.files-list__row-status {
width: calc(var(--row-height) * 2.5);
justify-content: center;
}
.files-list__row-mtime {
width: calc(var(--row-height) * 2);
}
.files-list__row-column-custom {
.files-list__row-mtime {
width: calc(var(--row-height) * 2);
} .files-list__row-column-custom {
width: calc(var(--row-height) * 2);
}
}
@ -469,6 +466,16 @@ export default {
}
}
@media screen and (max-width: 768px) {
.files-list__row-status {
width: calc(var(--row-height) * 0.8) !important;
}
:deep(.files-list__row-status) {
width: calc(var(--row-height) * 0.8) !important;
}
}
</style>
<style lang="scss">