Oliver/Gravwell-Online
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace nether portal warp gate with custom icon

Browse source
This commit is contained in:
Oliver Akins 2022-07-20 22:12:42 -06:00
parent 8684f9d6f6
commit e757168351
No known key found for this signature in database
GPG key ID: 3C2014AF9457AF99
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web-svelte/src/components/Board.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import Spaceship from "./icons/spaceship.svelte"; import Spaceship from "./icons/spaceship.svelte";
import Warpgate from "./icons/warpgate.svelte";
import Hexagon from "./Hexagon.svelte"; import Hexagon from "./Hexagon.svelte";
import { board } from "../stores"; import { board } from "../stores";
@ -74,7 +75,9 @@ board[53] = {colour: {name: "Magenta",hex: `#f9c80e`},name: `Oliver`,ship: {id:
{/if} {/if}
</Hexagon> </Hexagon>
</div> </div>
<div class="warp-gate inner-grid"></div> <div class="warp-gate inner-grid">
<Warpgate></Warpgate>
</div>
{#each Array(5) as _, row} {#each Array(5) as _, row}
<div class="main-row {row % 2 == 1 ? `row-reverse` : ``}"> <div class="main-row {row % 2 == 1 ? `row-reverse` : ``}">
{#each Array(10) as _, col} {#each Array(10) as _, col}
@ -179,12 +182,9 @@ main {
grid-row: 4 / 6; grid-row: 4 / 6;
} }
.warp-gate { .warp-gate {
background-image: url(/assets/nether_portal.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 10px; border-radius: 10px;
grid-column: -1 / -2; grid-column: -1 / -2;
grid-row: -1 / -2; grid-row: -1 / -2;
width: 100%;
} }
</style> </style>