Make app use full space
This commit is contained in:
		| @ -86,12 +86,9 @@ window.addEventListener('hashchange', () => { | ||||
|     </ul> | ||||
|     </div> | ||||
|     <div class="page"> | ||||
|       <div style=" margin:50px;"> | ||||
|         <Suspense> | ||||
|          | ||||
| 		<component :is="currentView" /> | ||||
| 				<component :is="currentView" /> | ||||
|         </Suspense> | ||||
|       </div> | ||||
|     </div> | ||||
|   </div> | ||||
| </template> | ||||
| @ -99,6 +96,8 @@ window.addEventListener('hashchange', () => { | ||||
| <style scoped> | ||||
|    | ||||
|   .container{ | ||||
| 			height: 100%; | ||||
| 			width: 100%; | ||||
|     display:grid; | ||||
|     grid-template-columns:[firstCol-start]70px[firstCol-end secondCol-start]auto[endCol]; | ||||
|     grid-template-rows:[firstRow-start]61px[firstRow-end secondRow-start] auto [endRow]; | ||||
| @ -111,6 +110,8 @@ window.addEventListener('hashchange', () => { | ||||
|  | ||||
|   .page { | ||||
|     grid-area:page; | ||||
| 		height: 100%; | ||||
| 		width: 100%; | ||||
|     place-self:center; | ||||
|   } | ||||
|  | ||||
|  | ||||
| @ -1,4 +1,11 @@ | ||||
| body { | ||||
|    background-color: rgb(53, 25, 60); | ||||
|    margin:0; | ||||
|    width: 100vw; | ||||
|    height: 100vh; | ||||
| } | ||||
|  | ||||
| #app { | ||||
|    width: 100%; | ||||
|    height: 100%; | ||||
| } | ||||
|  | ||||
		Reference in New Issue
	
	Block a user