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

fix(ui/browser): change position

Browse source
This commit is contained in:
hexxa 2021-08-28 20:58:52 +08:00 • committed by Hexxa
parent 8905f127dd
commit 74af901857
1 changed files with 24 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/client/web/src/components/browser.tsx
View file

@ -562,7 +562,10 @@ export class Browser extends React.Component<Props, State, {}> {
children={List([
<Flexbox
children={List([
<RiShareForwardBoxFill size="3rem" className="purple0-font margin-r-m" />,
<RiShareForwardBoxFill
size="3rem"
className="purple0-font margin-r-m"
/>,
<span>{dirPath}</span>,
])}
/>,
@ -594,26 +597,7 @@ export class Browser extends React.Component<Props, State, {}> {
return (
<div>
<div id="op-bar" className="op-bar">
<div className="margin-l-m margin-r-m">{ops}</div>
</div>
<div id="item-list">
<div className="breadcrumb margin-b-l">
<span
className="white-font margin-r-m"
style={{
backgroundColor: "rgba(0, 0, 0, 0.7)",
padding: "0.8rem 1rem",
fontWeight: "bold",
borderRadius: "0.5rem",
}}
>
{this.props.msg.pkg.get("browser.location")}
</span>
{breadcrumb}
</div>
{this.props.browser.uploadings.size === 0 ? null : (
<div className="container">
<Flexbox
@ -678,6 +662,26 @@ export class Browser extends React.Component<Props, State, {}> {
</div>
)}
<div className="breadcrumb margin-b-l">
<span
className="white-font margin-r-m"
style={{
backgroundColor: "rgba(0, 0, 0, 0.7)",
padding: "0.8rem 1rem",
fontWeight: "bold",
borderRadius: "0.5rem",
}}
>
<RiFolder2Fill size="1.2rem" />
{/* {this.props.msg.pkg.get("browser.location")} */}
</span>
{breadcrumb}
</div>
<div id="op-bar" className="op-bar">
<div className="margin-l-m margin-r-m margin-b-m">{ops}</div>
</div>
<div className="container">
<Flexbox
children={List([