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

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

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