gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-20 07:08:55 +02:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

fix(website): screenshot would not fit properly on some screen sizes

Browse Source
This commit is contained in:
Elian Doran 2025-09-30 21:53:15 +03:00
parent c2639951a5
commit 5279601105
No known key found for this signature in database
2 changed files with 9 additions and 2 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

@ -47,7 +47,8 @@ section.hero-section {
}
.title-section {
flex-basis: 40%;
flex-basis: 30%;
flex-shrink: 0;
color: var(--muted-color);
h1 {
@ -57,6 +58,10 @@ section.hero-section {
}
}
.screenshot-container {
flex-grow: 1;
}
.screenshot {
position: relative;
width: 100%;

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

@ -86,7 +86,9 @@ function HeroSection() {
</div>
{screenshotUrl && <img class="screenshot" src={screenshotUrl} alt="Screenshot of the Trilium Notes desktop application" />}
<div className="screenshot-container">
{screenshotUrl && <img class="screenshot" src={screenshotUrl} alt="Screenshot of the Trilium Notes desktop application" />}
</div>
</Section>
)
}