doesnm/quickshare
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(fe/panel_files): small fixes

Browse source
This commit is contained in:
hexxa 2021-12-21 20:12:24 +08:00 • committed by Hexxa
parent 3550a3a77d
commit c0fe1ffe55
1 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/client/web/src/components/panel_files.tsx
View file

@ -480,6 +480,7 @@ export class FilesPanel extends React.Component<Props, State, {}> {
</div>
);
const detailColor = this.state.showDetail.has(item.name) ? "cyan0" : "grey0";
const op = item.isDir ? (
<div className={`v-mid item-cell item-op ${showOp}`}>
<span onClick={() => this.select(item.name)} className="float-l">
@ -494,7 +495,7 @@ export class FilesPanel extends React.Component<Props, State, {}> {
onClick={() => this.toggleDetail(item.name)}
className="float-l"
>
{getIcon("RiInformationFill", "1.8rem", "black1")}
{getIcon("RiInformationFill", "1.8rem", detailColor)}
</span>
<span onClick={() => this.select(item.name)} className="float-l">
@ -781,6 +782,14 @@ export class FilesPanel extends React.Component<Props, State, {}> {
}
);
const rowsViewColorClass =
this.props.ui.control.controls.get(filesViewCtrl) === "rows"
? "cyan0-font"
: "black-font";
const tableViewColorClass =
this.props.ui.control.controls.get(filesViewCtrl) === "table"
? "cyan0-font"
: "black-font";
const itemListPane = (
<div>
<div className={showOp}>
@ -836,15 +845,15 @@ export class FilesPanel extends React.Component<Props, State, {}> {
<Flexbox
children={List([
<BiListUl
size="1.4rem"
className="black-font margin-r-s"
size="2rem"
className={`${rowsViewColorClass} margin-r-s`}
onClick={() => {
this.setView("rows");
}}
/>,
<BiTable
size="1.4rem"
className="black-font margin-r-s"
size="2rem"
className={`${tableViewColorClass} margin-r-s`}
onClick={() => {
this.setView("table");
}}