gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-21 07:38:53 +02:00
Code Issues Actions 25 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); color: var(--foreground-color);
} }
section.hero-section .image, section.hero-section .screenshot {
section.hero-section .image img {
position: relative; position: relative;
width: 100%; width: 100%;
height: auto; height: auto;
@ -108,6 +107,10 @@ section.hero-section .more-download-options {
section.hero-section .title-section { section.hero-section .title-section {
max-width: 90%; max-width: 90%;
} }
section.hero-section .screenshot {
margin-top: 2em;
}
} }
@media (min-width: 720px) { @media (min-width: 720px) {

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

@ -29,7 +29,7 @@ function HeroSection() {
</div> </div>
</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> </Section>
) )
} }