gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-19 22:58:52 +02:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

chore(website): improve screenshot fit on mobile

Browse Source
This commit is contained in:
Elian Doran 2025-09-27 11:46:36 +03:00
parent ab162efab8
commit 3ce9c7ba3d
No known key found for this signature in database
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/website/src/pages/Home/index.css
View File

@ -72,8 +72,7 @@ section.hero-section .title-section h1 {
color: var(--foreground-color);
}
section.hero-section .image,
section.hero-section .image img {
section.hero-section .screenshot {
position: relative;
width: 100%;
height: auto;
@ -108,6 +107,10 @@ section.hero-section .more-download-options {
section.hero-section .title-section {
max-width: 90%;
}
section.hero-section .screenshot {
margin-top: 2em;
}
}
@media (min-width: 720px) {

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

@ -29,7 +29,7 @@ function HeroSection() {
</div>
</div>
<figure class="image"><img src="./src/assets/screenshot_desktop_win.png" /></figure>
<img class="screenshot" src="./src/assets/screenshot_desktop_win.png" />
</Section>
)
}