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