michael.reber/rclone-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve column settings popup styling

Browse Source 
actually show date now instead of datetime
This commit is contained in:
controlol
2021-11-02 23:44:43 +01:00
parent 250ca3d1f8
commit 17e4bee903
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/fileBrowser.jsx
View File

@@ -184,19 +184,21 @@ const SearchInput = styled(Input)`
` `
const FileSettingsPopup = styled.div` const FileSettingsPopup = styled.div`
min-width: 20rem; min-width: 15rem;
min-height: 20rem;
background-color: var(--button-color); background-color: var(--button-color);
position: fixed; position: fixed;
top: 10rem; top: 50%;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translate(-50%, -50%);
z-index: 900; z-index: 900;
padding: 1rem;
border-radius: .3rem;
box-shadow: 0 0 .5rem rgba(0,0,0,.3);
` `
const FileSettingsHeader = styled.h3` const FileSettingsHeader = styled.h3`
text-align: center; text-align: center;
padding: 1rem 0; margin-bottom: 1rem;
` `
const FileColumnSettingsContainer = styled.form` const FileColumnSettingsContainer = styled.form`
@@ -509,7 +511,7 @@ class FileBrowser extends Component {
: :
<FilenameP onContextMenu={this.openMenu}>{ v.Name }</FilenameP> <FilenameP onContextMenu={this.openMenu}>{ v.Name }</FilenameP>
} }
<ModifiedP shownColumns={shownColumns}> { v.ModTime?.toLocaleString() } </ModifiedP> <ModifiedP shownColumns={shownColumns}> { shownColumns.datetime ? v.ModTime?.toLocaleString() : v.ModTime?.toLocaleDateString() } </ModifiedP>
<SizeP shownColumns={shownColumns}> { !v.IsDir ? bytesToString(v.Size, {}) : "" } </SizeP> <SizeP shownColumns={shownColumns}> { !v.IsDir ? bytesToString(v.Size, {}) : "" } </SizeP>
</Fragment> </Fragment>
)) ))