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