ryan/squoosh
1
0
Fork 0
forked from external-repos/squoosh
Code Pull Requests Activity

Class for file drop

Browse Source
This commit is contained in:
Jake Archibald
2018-10-15 11:24:24 +01:00
parent 43def798e1
commit 64da19e2fc
2 changed files with 34 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/App/index.tsx
View File

@@ -74,7 +74,7 @@ export default class App extends Component<Props, State> {
render({}: Props, { file, Compress }: State) { render({}: Props, { file, Compress }: State) {
return ( return (
<div id="app" class={style.app}> <div id="app" class={style.app}>
<file-drop accept="image/*" onfiledrop={this.onFileDrop}> <file-drop accept="image/*" onfiledrop={this.onFileDrop} class={style.drop}>
{(!file) {(!file)
? <Intro onFile={this.onIntroPickFile} onError={this.showError} /> ? <Intro onFile={this.onIntroPickFile} onError={this.showError} />
: (Compress) : (Compress)

4
src/components/App/style.scss
View File

@@ -12,8 +12,7 @@ Note: These styles are temporary. They will be replaced before going live.
contain: strict; contain: strict;
} }
:global { .drop {
file-drop {
overflow: hidden; overflow: hidden;
touch-action: none; touch-action: none;
height:100%; height:100%;
@@ -51,7 +50,6 @@ Note: These styles are temporary. They will be replaced before going live.
background-color:rgba(119, 85, 85, 0.2); background-color:rgba(119, 85, 85, 0.2);
border-color:rgba(129, 63, 63, 0.5); border-color:rgba(129, 63, 63, 0.5);
} }
}
} }
.option-pair { .option-pair {