Make top-bar take up full width.

This commit is contained in:
Danila Fedorin 2018-06-12 21:11:55 -07:00
parent d8ae468f39
commit 55a39fe1c7
3 changed files with 4 additions and 4 deletions

4
public/css/main.css vendored
View File

@ -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 {

View File

@ -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;
} }

View File

@ -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>