diff --git a/src/client/lazy-app/Compress/Output/index.tsx b/src/client/lazy-app/Compress/Output/index.tsx index 00661552..562445c3 100644 --- a/src/client/lazy-app/Compress/Output/index.tsx +++ b/src/client/lazy-app/Compress/Output/index.tsx @@ -27,7 +27,6 @@ interface Props { rightCompressed?: ImageData; leftImgContain: boolean; rightImgContain: boolean; - onBack: () => void; onPreprocessorChange: (newState: PreprocessorState) => void; } @@ -254,7 +253,7 @@ export default class Output extends Component { }; render( - { mobileView, leftImgContain, rightImgContain, source, onBack }: Props, + { mobileView, leftImgContain, rightImgContain, source }: Props, { scale, editingScale, altBackground }: State, ) { const leftDraw = this.leftDrawable(); @@ -313,20 +312,6 @@ export default class Output extends Component { - -
{mobileView ? (
diff --git a/src/client/lazy-app/Compress/style.css b/src/client/lazy-app/Compress/style.css index 545a91eb..620a53ce 100644 --- a/src/client/lazy-app/Compress/style.css +++ b/src/client/lazy-app/Compress/style.css @@ -73,3 +73,24 @@ :focus .expand-icon { fill: #34b9eb; } + +.back { + composes: unbutton from global; + position: absolute; + top: var(--dist); + left: var(--dist); + --dist: 14px; + + & > svg { + width: 58px; + } +} + +.back-blob { + fill: var(--hot-pink); + opacity: 0.77; +} + +.back-x { + fill: var(--white); +}