dotnet/intro-to-dotnet-web-dev
1
0
Fork 0
mirror of https://github.com/dotnet/intro-to-dotnet-web-dev.git synced 2025-12-06 05:32:03 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix bug causing last column unable to be filled

Browse source
This commit is contained in:
EducatedStrikeCart 2022-10-28 05:21:11 -04:00
parent 4418efee1f
commit a7df037662
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
5-blazor/1-complete/ConnectFour/Shared/Board.razor
View file

@ -12,13 +12,13 @@
</HeadContent> </HeadContent>
<nav> <nav>
<span title="Click to play a piece" @onclick="() => PlayPiece(0)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(1)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(1)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(2)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(2)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(3)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(3)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(4)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(4)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(5)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(5)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(6)">🔽</span> <span title="Click to play a piece" @onclick="() => PlayPiece(6)">🔽</span>
<span title="Click to play a piece" @onclick="() => PlayPiece(7)">🔽</span>
</nav> </nav>
<article> <article>

14
5-blazor/1-complete/ConnectFour/Shared/Board.razor.css
View file

@ -83,31 +83,31 @@ span.container {
box-shadow: 0 0 0 4px var(--player2); box-shadow: 0 0 0 4px var(--player2);
} }
.col1 { .col0 {
left: calc(0em + 9px); left: calc(0em + 9px);
} }
.col2 { .col1 {
left: calc(4em + 9px); left: calc(4em + 9px);
} }
.col3 { .col2 {
left: calc(8em + 9px); left: calc(8em + 9px);
} }
.col4 { .col3 {
left: calc(12em + 9px); left: calc(12em + 9px);
} }
.col5 { .col4 {
left: calc(16em + 9px); left: calc(16em + 9px);
} }
.col6 { .col5 {
left: calc(20em + 9px); left: calc(20em + 9px);
} }
.col7 { .col6 {
left: calc(24em + 9px); left: calc(24em + 9px);
} }