LANCommander/LANCommander.UI/Components/FileManager/FileManager.razor.scss
Pat Hartl 02750d6d62 Improve file manager UX
- Faster enumeration of large directories
- Add toggleable columns
- Add Created and Type columns
- Fix breadcrumbs
- Properly build left view tree with support for cross-platform roots and special folders
2026-05-28 19:54:33 -05:00

87 lines
No EOL
1.6 KiB
SCSS

.file-manager {
display: flex;
flex-direction: column;
background: #141414;
height: 100%;
overflow: hidden;
&-nav {
border-bottom: 1px solid #303030;
padding-left: 8px;
padding-right: 8px;
height: 58px;
flex-shrink: 0;
background: #141414;
.ant-space,
&-breadcrumbs {
flex-grow: 1;
}
.ant-breadcrumb {
font-size: 16px;
padding: 8px;
background: rgba(0, 0, 0, 0.018);
&-link {
border-radius: 2px;
border: 1px solid transparent;
padding: 4px 8px;
cursor: pointer;
&:hover,
&:active {
background: rgba(0, 0, 0, 0.018);
}
}
}
}
&-body {
flex-grow: 1;
}
.ant-tree-treenode {
padding-left: 4px;
&-selected {
background-color: #11263c;
}
&:hover,
&:active {
background: rgba(255, 255, 255, 0.03);
}
}
.ant-tree-title {
white-space: nowrap;
}
&-tree {
padding-top: 8px;
border-right: 1px solid #303030;
}
.ant-tree-node-content-wrapper {
flex-grow: 1;
padding-top: 4px;
padding-bottom: 4px;
&:hover,
&:active {
background: rgba(255, 255, 255, 0.03);
}
}
.ant-tree-switcher-icon {
vertical-align: middle;
margin-top: 4px;
}
.split-pane {
height: 100%;
min-height: 0;
overflow: auto;
}
}