Thomas G. Lopes
commited on
Commit
·
e24cc70
1
Parent(s):
6b57de3
fix image sizes
Browse files
src/lib/components/inference-playground/img-preview.svelte
CHANGED
|
@@ -35,13 +35,13 @@
|
|
| 35 |
transition:fade={{ duration: 150 }}
|
| 36 |
>
|
| 37 |
<!-- Content -->
|
| 38 |
-
<
|
| 39 |
-
class="
|
|
|
|
|
|
|
| 40 |
use:clickOutside={() => (img = undefined)}
|
| 41 |
transition:scale={{ start: 0.975, duration: 250 }}
|
| 42 |
-
|
| 43 |
-
<img src={img} alt="" />
|
| 44 |
-
</div>
|
| 45 |
|
| 46 |
<button
|
| 47 |
type="button"
|
|
|
|
| 35 |
transition:fade={{ duration: 150 }}
|
| 36 |
>
|
| 37 |
<!-- Content -->
|
| 38 |
+
<img
|
| 39 |
+
class="max-h-[calc(100vh-120px)] max-w-[calc(100vw-120px)] object-contain"
|
| 40 |
+
src={img}
|
| 41 |
+
alt=""
|
| 42 |
use:clickOutside={() => (img = undefined)}
|
| 43 |
transition:scale={{ start: 0.975, duration: 250 }}
|
| 44 |
+
/>
|
|
|
|
|
|
|
| 45 |
|
| 46 |
<button
|
| 47 |
type="button"
|