external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-12 08:47:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Copy setting button - still not happy with this

Browse Source
This commit is contained in:
Jake Archibald
2018-10-20 10:23:18 +01:00
parent 46998c473d
commit 2b87fb3942
2 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Options/index.tsx
View File

@@ -213,15 +213,13 @@ export default class Options extends Component<Props, State> {
</Expander> </Expander>
</div> </div>
{/* <div class={style.optionsCopy}>
<div class={style.optionsTitle}> <button onClick={this.onCopyToOtherClick} class={style.copyButton}>
<button onClick={this.onCopyToOtherClick} class={style.button}>
{imageIndex === 1 && '← '} {imageIndex === 1 && '← '}
Copy settings to other side Copy settings across
{imageIndex === 0 && ' →'} {imageIndex === 0 && ' →'}
</button> </button>
</div> </div>
*/}
<div class={style.results}> <div class={style.results}>
<div class={style.resultData}> <div class={style.resultData}>

22
src/components/Options/style.scss
View File

@@ -66,13 +66,6 @@ $horizontalPadding: 15px;
overflow-y: auto; overflow-y: auto;
} }
.button {
composes: unbutton from '../../lib/util.scss';
background: #151515;
border-radius: 4px;
color: #fff;
}
.results { .results {
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
@@ -121,3 +114,18 @@ $horizontalPadding: 15px;
.size-decrease { .size-decrease {
color: #50e3c2; color: #50e3c2;
} }
.options-copy {
display: grid;
background: rgba(0, 0, 0, 0.9);
padding: 5px;
}
.copy-button {
composes: unbutton from '../../lib/util.scss';
background: #484848;
border-radius: 4px;
color: #fff;
text-align: left;
padding: 5px 10px;
}