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="content-wrapper">
|
|
||||||
<div class="top-bar"><h1 class="title">GO</h1></div>
|
<div class="top-bar"><h1 class="title">GO</h1></div>
|
||||||
|
<div class="content-wrapper">
|
||||||
<%= content %>
|
<%= content %>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user