Make top-bar take up full width.
This commit is contained in:
		
							parent
							
								
									d8ae468f39
								
							
						
					
					
						commit
						55a39fe1c7
					
				
							
								
								
									
										4
									
								
								public/css/main.css
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										4
									
								
								public/css/main.css
									
									
									
									
										vendored
									
									
								
							@ -63,14 +63,14 @@ div.top-bar {
 | 
				
			|||||||
  background-image: url(/images/grid.jpg);
 | 
					  background-image: url(/images/grid.jpg);
 | 
				
			||||||
  line-height: 135px;
 | 
					  line-height: 135px;
 | 
				
			||||||
  display: flex;
 | 
					  display: flex;
 | 
				
			||||||
  justify-content: center; }
 | 
					  justify-content: center;
 | 
				
			||||||
 | 
					  margin-bottom: 40px; }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.board {
 | 
					.board {
 | 
				
			||||||
  background-color: tomato;
 | 
					  background-color: tomato;
 | 
				
			||||||
  padding: 20px;
 | 
					  padding: 20px;
 | 
				
			||||||
  max-width: 500px;
 | 
					  max-width: 500px;
 | 
				
			||||||
  margin: auto;
 | 
					  margin: auto;
 | 
				
			||||||
  margin-top: 20px;
 | 
					 | 
				
			||||||
  border-radius: 10px; }
 | 
					  border-radius: 10px; }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.black-player .board-cell:hover .overlay {
 | 
					.black-player .board-cell:hover .overlay {
 | 
				
			||||||
 | 
				
			|||||||
@ -83,6 +83,7 @@ div.top-bar {
 | 
				
			|||||||
    line-height: 135px;
 | 
					    line-height: 135px;
 | 
				
			||||||
    display: flex;
 | 
					    display: flex;
 | 
				
			||||||
    justify-content: center;
 | 
					    justify-content: center;
 | 
				
			||||||
 | 
					    margin-bottom: 40px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.board {
 | 
					.board {
 | 
				
			||||||
@ -90,7 +91,6 @@ div.top-bar {
 | 
				
			|||||||
    padding: 20px;
 | 
					    padding: 20px;
 | 
				
			||||||
    max-width: 500px;
 | 
					    max-width: 500px;
 | 
				
			||||||
    margin: auto;
 | 
					    margin: auto;
 | 
				
			||||||
    margin-top: 20px;
 | 
					 | 
				
			||||||
    border-radius: 10px;
 | 
					    border-radius: 10px;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -6,8 +6,8 @@
 | 
				
			|||||||
        <link href="https://fonts.googleapis.com/css?family=Comfortaa|Bangers" rel="stylesheet">
 | 
					        <link href="https://fonts.googleapis.com/css?family=Comfortaa|Bangers" rel="stylesheet">
 | 
				
			||||||
    </head>
 | 
					    </head>
 | 
				
			||||||
    <body>
 | 
					    <body>
 | 
				
			||||||
 | 
					        <div class="top-bar"><h1 class="title">GO</h1></div>
 | 
				
			||||||
        <div class="content-wrapper">
 | 
					        <div class="content-wrapper">
 | 
				
			||||||
	    <div class="top-bar"><h1 class="title">GO</h1></div>
 | 
					 | 
				
			||||||
            <%= content %>
 | 
					            <%= content %>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
    </body>
 | 
					    </body>
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
		Reference in New Issue
	
	Block a user