clean up UI on drive viewer

This commit is contained in:
Tim Bendt
2025-05-12 14:29:04 -06:00
parent 64146abb4e
commit d75f16c25d
5 changed files with 254 additions and 50 deletions

View File

@@ -42,18 +42,26 @@
}
/* Status and loading elements */
#status_label {
#top_bar {
height: 4;
#status_label {
text-align: center;
color: $accent;
padding:1;
width: 2fr
}
#view_options {
border: round $secondary;
width: 1fr;
min-width: 40;
}
}
#view_options {
border: round $secondary;
}
#loading_container {
height: 3;
width: 100%;
@@ -96,11 +104,42 @@
height: 100%;
}
#items_table {
width: 100%;
height: auto;
}
/* File icon styling in the data table */
.datatable--cell:first-child {
color: $accent;
text-align: center;
padding-right: 1;
min-width: 3;
}
/* Custom icon colors by file type */
.folder-icon {
color: $warning; /* Folders are yellow/orange */
}
.document-icon {
color: $primary; /* Documents are blue */
}
.image-icon {
color: $success; /* Images are green */
}
.code-icon {
color: $accent-lighten-2; /* Code files are lighter accent color */
}
.archive-icon {
color: $error; /* Archives are red */
}
#no_items_label {
color: $text-muted;
text-align: center;
@@ -140,6 +179,7 @@
width: auto;
height: 3;
align: right middle;
margin-right: 1;
}
#button_container Button {