Adds fieldset/legend to preferences
This commit is contained in:
		
					parent
					
						
							
								7c651e8773
							
						
					
				
			
			
				commit
				
					
						f8ff0becfa
					
				
			
		
					 2 changed files with 6 additions and 3 deletions
				
			
		| 
						 | 
					@ -155,6 +155,9 @@
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  &__settings-row {
 | 
					  &__settings-row {
 | 
				
			||||||
 | 
					    border: none;
 | 
				
			||||||
 | 
					    padding: 0;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    padding-bottom: 20px;
 | 
					    padding-bottom: 20px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
    h3 {
 | 
					    h3 {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1324,10 +1324,10 @@ function SettingsRow({
 | 
				
			||||||
  className?: string;
 | 
					  className?: string;
 | 
				
			||||||
}): JSX.Element {
 | 
					}): JSX.Element {
 | 
				
			||||||
  return (
 | 
					  return (
 | 
				
			||||||
    <div className={classNames('Preferences__settings-row', className)}>
 | 
					    <fieldset className={classNames('Preferences__settings-row', className)}>
 | 
				
			||||||
      {title && <h3 className="Preferences__padding">{title}</h3>}
 | 
					      {title && <legend className="Preferences__padding">{title}</legend>}
 | 
				
			||||||
      {children}
 | 
					      {children}
 | 
				
			||||||
    </div>
 | 
					    </fieldset>
 | 
				
			||||||
  );
 | 
					  );
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue