mirror of
https://github.com/LibreSign/libresign.git
synced 2025-12-17 21:12:16 +01:00
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:
parent
62d792d890
commit
a6d748e91e
1 changed files with 23 additions and 16 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue