danbarber/chess
1
0
Fork 0
mirror of https://github.com/danbee/chess synced 2025-03-04 08:39:06 +00:00
Code Issues Releases Wiki Activity

Fix layout issue caused by live component container

Browse Source
This commit is contained in:
Daniel Barber 2021-07-14 18:23:47 -05:00
parent 1ea842d0ab
commit 3543ccdcae
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/css/components/_board.scss
View File

@ -8,13 +8,16 @@
width: 1.5%; width: 1.5%;
} }
.board__container {
grid-area: board;
}
.board { .board {
background: $background-color; background: $background-color;
border-collapse: unset; border-collapse: unset;
border-radius: 2.8%; border-radius: 2.8%;
border-spacing: 1px; border-spacing: 1px;
color: $foreground-color; color: $foreground-color;
grid-area: board;
height: var(--board-size); height: var(--board-size);
padding: calc(var(--board-size) / 20); padding: calc(var(--board-size) / 20);
position: relative; position: relative;

2
lib/chess_web/views/live/board_live.ex
View File

@ -1,5 +1,5 @@
defmodule ChessWeb.BoardLive do defmodule ChessWeb.BoardLive do
use Phoenix.LiveView use Phoenix.LiveView, container: {:div, class: "board__container"}
alias Chess.Store.User alias Chess.Store.User
alias Chess.Store.Game alias Chess.Store.Game