Fix Issue #7: Add status message element and fix column resizing bug #8
@ -1,8 +1,8 @@
|
|||||||
/* Chess Board Styling */
|
/* Chess Board Styling */
|
||||||
.chess-board {
|
.chess-board {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(8, 1fr);
|
grid-template-columns: repeat(8, 75px);
|
||||||
grid-template-rows: repeat(8, 1fr);
|
grid-template-rows: repeat(8, 75px);
|
||||||
width: 600px;
|
width: 600px;
|
||||||
height: 600px;
|
height: 600px;
|
||||||
border: 4px solid var(--primary-color);
|
border: 4px solid var(--primary-color);
|
||||||
@ -16,7 +16,8 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background-color 0.2s ease;
|
transition: background-color 0.2s ease, box-shadow 0.2s ease;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.square.light {
|
.square.light {
|
||||||
@ -60,6 +61,7 @@
|
|||||||
|
|
||||||
.square.last-move {
|
.square.last-move {
|
||||||
background-color: rgba(155, 199, 0, 0.4) !important;
|
background-color: rgba(155, 199, 0, 0.4) !important;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Coordinates */
|
/* Coordinates */
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user