diff options
Diffstat (limited to 'public/app.css')
| -rw-r--r-- | public/app.css | 19 |
1 files changed, 5 insertions, 14 deletions
diff --git a/public/app.css b/public/app.css index bbc2655..fd7612e 100644 --- a/public/app.css +++ b/public/app.css @@ -48,26 +48,17 @@ html, body { } .tile img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 6px; } .tile.lock { animation: lock .5s cubic-bezier(.22, 1, .36, 1); } -.tile.ghost { - opacity: .5; - pointer-events: none; - box-shadow: 0 0 0 2px rgba(125, 211, 252, .65); -} .dropzone { position: absolute; cursor: pointer; } -.dropzone.hidden { visibility: hidden; } -.dropzone .preview.hide { visibility: hidden; } -.dropzone .preview { - width: 100%; - height: 100%; - opacity: .5; +.preview { + position: absolute; + opacity: .35; pointer-events: none; border-radius: 6px; box-shadow: 0 0 0 2px rgba(125, 211, 252, .5); transition: opacity .15s; } -.dropzone:hover .preview, -.dropzone:active .preview { opacity: .85; } -.dropzone .preview img { +.preview.hot { opacity: .85; } +.preview img { width: 100%; height: 100%; object-fit: cover; |
