clean up UI on drive viewer
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user