docs: add screenshots section to README for better visualization

mubaidr · Dec 25, 2024 · 1d83769 · 1d83769
1 parent 6025da7
commit 1d83769
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -11,6 +11,18 @@ A [Vite](https://vitejs.dev/) powered WebExtension ([Chrome](https://developer.c
 
 ---
 
+## Screenshots
+
+<p align="center">
+    <img src="./screenshots/Screenshot_20241225_225109.png" width="auto" height="180" alt="Options" style="margin: 0 10px;" />
+    <img src="./screenshots/Screenshot_20241225_224440.png" width="auto" height="180" alt="Options" style="margin: 0 10px;" />
+    <img src="./screenshots/Screenshot_20241225_224236.png" width="auto" height="180" alt="Options (Dark Mode)" style="margin: 0 10px;" />
+</p>
+
+<p align="center">
+    <img src="./screenshots/Screenshot_20241225_224300.png" width="auto" height="180" alt="Update Screen" />
+</p>
+
 ## Features
 
 - Boiler plate Pages for

diff --git a/screenshots/Screenshot_20241225_224236.png b/screenshots/Screenshot_20241225_224236.png
diff --git a/screenshots/Screenshot_20241225_224300.png b/screenshots/Screenshot_20241225_224300.png
diff --git a/screenshots/Screenshot_20241225_224440.png b/screenshots/Screenshot_20241225_224440.png
diff --git a/screenshots/Screenshot_20241225_225109.png b/screenshots/Screenshot_20241225_225109.png