style: fix some responsive styling
This commit is contained in:
		
							parent
							
								
									349c9030d2
								
							
						
					
					
						commit
						e4840f9b76
					
				@ -80,7 +80,7 @@ export function DetailsPage(props) {
 | 
			
		||||
          ))}
 | 
			
		||||
        </Tabs>}
 | 
			
		||||
      />
 | 
			
		||||
      <div style={{margin: 24}}>
 | 
			
		||||
      <div className={'page-content'}>
 | 
			
		||||
        <Card bordered={false}>
 | 
			
		||||
          {(get(items, [currentTabIndex, 'views'])||[]).map(view => {
 | 
			
		||||
            let viewName: string;
 | 
			
		||||
 | 
			
		||||
@ -64,4 +64,11 @@ body.collapsed {
 | 
			
		||||
    left: 0;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media only screen and (max-width: 800px) {
 | 
			
		||||
  .details-page {
 | 
			
		||||
    left: 0;
 | 
			
		||||
    width: 100%;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
@ -13,7 +13,7 @@
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
@media only screen and (max-width: 800px) {
 | 
			
		||||
  .page-content {
 | 
			
		||||
  #content .page-content {
 | 
			
		||||
    margin: 0px;
 | 
			
		||||
    margin-top: 1px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
		Loading…
	
		Reference in New Issue
	
	Block a user