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) {
return (
<div id="app" class={style.app}>
<file-drop accept="image/*" onfiledrop={this.onFileDrop}>
<file-drop accept="image/*" onfiledrop={this.onFileDrop} class={style.drop}>
{(!file)
? <Intro onFile={this.onIntroPickFile} onError={this.showError} />
: (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;
}
:global {
file-drop {
.drop {
overflow: hidden;
touch-action: none;
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);
border-color:rgba(129, 63, 63, 0.5);
}
}
}
.option-pair {