forked from React-Group/interstellar_ai
		
	CSS tweaks #7
					 1 changed files with 8 additions and 3 deletions
				
			
		|  | @ -12,6 +12,14 @@ | |||
|     z-index: 10000; | ||||
| } | ||||
| 
 | ||||
| .settings-container{ | ||||
| 
 | ||||
|     display: grid; | ||||
|     grid-template-columns: 1fr 3fr; /* 1fr for sidebar, 3fr for main content */ | ||||
|     grid-auto-flow: column; | ||||
|     overflow-x:hidden; | ||||
| } | ||||
| 
 | ||||
| /* Settings content */ | ||||
| .settings-content { | ||||
|     background: #f5f5f5; | ||||
|  | @ -22,9 +30,6 @@ | |||
|     max-width: 800px; | ||||
|     height: 90%; | ||||
|     max-height: 600px; | ||||
|     display: grid; | ||||
|     grid-template-columns: 1fr 3fr; /* 1fr for sidebar, 3fr for main content */ | ||||
|     grid-auto-flow: column; | ||||
|     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); | ||||
|     overflow: scroll; /* Prevents overflow of the content */ | ||||
|     position: relative; /* Needed for absolute positioning of close button */ | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue