mirror of
https://github.com/zadam/trilium.git
synced 2025-10-20 15:19:01 +02:00
fix(website): screenshot would not fit properly on some screen sizes
This commit is contained in:
parent
c2639951a5
commit
5279601105
@ -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%;
|
||||
|
@ -86,7 +86,9 @@ function HeroSection() {
|
||||
|
||||
</div>
|
||||
|
||||
<div className="screenshot-container">
|
||||
{screenshotUrl && <img class="screenshot" src={screenshotUrl} alt="Screenshot of the Trilium Notes desktop application" />}
|
||||
</div>
|
||||
</Section>
|
||||
)
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user