💄 Add light/dark screenshot on the screenshot section

This commit is contained in:
Yann Bertrand 2024-10-04 13:44:36 +02:00
parent 747365f2b9
commit 2d61eb9211
3 changed files with 14 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View file

@ -11,11 +11,25 @@ head:
---
<script setup>
import { useData } from 'vitepress'
import FolderTableOfContents from '../../components/FolderTableOfContents.vue'
const { isDark } = useData();
</script>
# Screenshots
<img
v-if="isDark"
src="./images/screenshot-dark.png" alt="A screenshot of the Screenshot app"
width="540" height="89" style="height: auto"
/>
<img
v-else
src="./images/screenshot-light.png" alt="A screenshot of the Screenshot app"
width="540" height="89" style="height: auto"
/>
On a Mac, you can take screenshots using:
- `⌘ cmd`+`⇧ shift`+`3` for fullscreen.