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