diff --git a/README.md b/README.md
index f20fb62..c01f460 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
# `Rview` - web-based UI for Rclone
-
+
More screenshots here
diff --git a/docs/Screenshots.md b/docs/Screenshots.md
index 3d0c665..d617415 100644
--- a/docs/Screenshots.md
+++ b/docs/Screenshots.md
@@ -10,8 +10,7 @@
## Dirs & Files
-
-
+
## Previews
@@ -37,7 +36,7 @@
add the following code to `common.css`:
```css
- body,
+ #app,
.preview-close-layer {
border: 1px solid #21262d;
}
@@ -45,17 +44,10 @@
Note: `#21262d` is `var(--color-border-muted)` on GitHub.
-2. Use `tests/testdata` as `RCLONE_TARGET`.
-3. Remove files for testing corner-cases: `Images/vertical.jpg`, `test.gif` and so on.
+2. Prepare demo files.
4. Make `.png` screenshots.
-5. Use this command to convert screenshots to `.jpg`:
+5. Use the following command to convert screenshots to `.jpg`:
```sh
- vipsthumbnail --size 1920x1080 -o %s.jpg[Q=90,optimize_coding] *.png
- ```
-
-6. Remove `.png` screenshots:
-
- ```sh
- rm *.png
+ vipsthumbnail --size 1600x900 -o ./jpg/%s.jpg[Q=90,optimize_coding] *.png
```
diff --git a/docs/screenshots/dir_home.jpg b/docs/screenshots/dir_home.jpg
new file mode 100644
index 0000000..526af58
Binary files /dev/null and b/docs/screenshots/dir_home.jpg differ
diff --git a/docs/screenshots/dir_images.jpg b/docs/screenshots/dir_images.jpg
deleted file mode 100644
index ea52224..0000000
Binary files a/docs/screenshots/dir_images.jpg and /dev/null differ
diff --git a/docs/screenshots/dir_root.jpg b/docs/screenshots/dir_root.jpg
deleted file mode 100644
index b0d6353..0000000
Binary files a/docs/screenshots/dir_root.jpg and /dev/null differ
diff --git a/docs/screenshots/preview_image.jpg b/docs/screenshots/preview_image.jpg
index 48eadc6..99b8f18 100644
Binary files a/docs/screenshots/preview_image.jpg and b/docs/screenshots/preview_image.jpg differ
diff --git a/docs/screenshots/preview_text.jpg b/docs/screenshots/preview_text.jpg
index 858a1bf..49ebf25 100644
Binary files a/docs/screenshots/preview_text.jpg and b/docs/screenshots/preview_text.jpg differ
diff --git a/docs/screenshots/preview_video.jpg b/docs/screenshots/preview_video.jpg
index 44ad1d7..82b08e3 100644
Binary files a/docs/screenshots/preview_video.jpg and b/docs/screenshots/preview_video.jpg differ
diff --git a/docs/screenshots/search.jpg b/docs/screenshots/search.jpg
index 9782e74..ac73a2e 100644
Binary files a/docs/screenshots/search.jpg and b/docs/screenshots/search.jpg differ