mirror of
				https://github.com/zadam/trilium.git
				synced 2025-10-31 10:26:08 +01:00 
			
		
		
		
	fix(website): screenshot would not fit properly on some screen sizes
This commit is contained in:
		| @@ -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> | ||||
|  | ||||
|             {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> | ||||
|     ) | ||||
| } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user