prevent doc page layout from blowing up in presence of <pre>
This commit is contained in:
		
							parent
							
								
									153ba9f0c2
								
							
						
					
					
						commit
						0ae5842740
					
				
					 2 changed files with 3 additions and 2 deletions
				
			
		| 
						 | 
				
			
			@ -7,6 +7,7 @@ main.doc {
 | 
			
		|||
 | 
			
		||||
    & .vertical-center {
 | 
			
		||||
        min-height: 100vh;
 | 
			
		||||
        max-width: 100%; /* prevent from blowing up */
 | 
			
		||||
        flex-grow: 1;
 | 
			
		||||
 | 
			
		||||
        display: flex;
 | 
			
		||||
| 
						 | 
				
			
			@ -18,7 +19,7 @@ main.doc {
 | 
			
		|||
 | 
			
		||||
    & .doc-text {
 | 
			
		||||
        padding: 1.6rem;
 | 
			
		||||
        max-width: var(--doc-text-width);
 | 
			
		||||
        max-width: min(100%, var(--doc-text-width));
 | 
			
		||||
 | 
			
		||||
        line-height: 1.6;
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -7,7 +7,7 @@ body {
 | 
			
		|||
 | 
			
		||||
    display: grid;
 | 
			
		||||
    grid-template-columns:
 | 
			
		||||
        [left] 1fr
 | 
			
		||||
        [left] minmax(0, 1fr)
 | 
			
		||||
        [right] auto;
 | 
			
		||||
    grid-template-rows:
 | 
			
		||||
        [nav] auto
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue