💄 add default layout
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
		
							parent
							
								
									bf1d49338c
								
							
						
					
					
						commit
						6777d01101
					
				
					 1 changed files with 16 additions and 0 deletions
				
			
		
							
								
								
									
										16
									
								
								layouts/default.vue
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										16
									
								
								layouts/default.vue
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,16 @@ | |||
| <template> | ||||
|     <div class="app-background"> | ||||
|         <div class="mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-2xl xl:px-0"> | ||||
|             <slot /> | ||||
|         </div> | ||||
|     </div> | ||||
| </template> | ||||
| 
 | ||||
| <style> | ||||
| .app-background { | ||||
|   background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url('/background.webp');  background-size: cover; | ||||
|   background-position: center; | ||||
|   background-attachment: fixed; | ||||
|   min-height: 100vh; | ||||
| } | ||||
| </style> | ||||
		Reference in a new issue
	
	 Sindre Kjelsrud
						Sindre Kjelsrud