💄 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