Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-18 03:00:41 +01:00
Code Issues Packages Projects Releases Activity

feat(website): macos light/dark screenshot

Browse Source
This commit is contained in:
Elian Doran
2025-09-27 14:39:32 +03:00
parent bd32a08e11
commit dbe241dee7
5 changed files with 36 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/website/src/pages/Home/index.tsx
View File

@@ -3,10 +3,11 @@ import Card from '../../components/Card';
import Section from '../../components/Section';
import DownloadButton from '../../components/DownloadButton';
import "./index.css";
import { usePageTitle } from '../../hooks';
import { useColorScheme, usePageTitle } from '../../hooks';
import Button from '../../components/Button';
import gitHubIcon from "../../assets/boxicons/bx-github.svg?raw";
import dockerIcon from "../../assets/boxicons/bx-docker.svg?raw";
import { getPlatform } from '../../download-helper';
export function Home() {
usePageTitle("");
@@ -23,6 +24,23 @@ export function Home() {
}
function HeroSection() {
const platform = getPlatform();
let screenshotUrl: string;
const colorScheme = useColorScheme();
switch (platform) {
case "macos":
screenshotUrl = `./src/assets/screenshot_desktop_mac_${colorScheme}.png`;
break;
case "linux":
break;
case "windows":
default:
screenshotUrl = "./src/assets/screenshot_desktop_win.png";
break;
}
return (
<Section className="hero-section">
<div class="title-section">
@@ -41,7 +59,7 @@ function HeroSection() {
</div>
<img class="screenshot" src="./src/assets/screenshot_desktop_win.png" />
{screenshotUrl && <img class="screenshot" src={screenshotUrl} />}
</Section>
)
}