61 lines
1.2 KiB
Svelte
61 lines
1.2 KiB
Svelte
<div>Printing this page will only prints the ship sheet.</div>
|
|
|
|
<div class="print-output">
|
|
<Identification {...identification} />
|
|
|
|
<div class="grid">
|
|
<div class="s6">
|
|
<Armor layers={structure?.armor?.layers} />
|
|
<Hull
|
|
shipMass={identification.reqs.mass}
|
|
advanced={false}
|
|
rating={structure.hull?.rating}
|
|
/>
|
|
</div>
|
|
|
|
<div class="s6">
|
|
<Screens {...screens} />
|
|
</div>
|
|
</div>
|
|
|
|
<MainSystems {...propulsion} />
|
|
</div>
|
|
|
|
<script>
|
|
import Identification from "./Identification.svelte";
|
|
import MainSystems from "./MainSystems/index.svelte";
|
|
import Hull from "./Hull/index.svelte";
|
|
import Armor from "./Armor/index.svelte";
|
|
import Screens from "./Screens/index.svelte";
|
|
|
|
export let identification = {};
|
|
export let propulsion = {};
|
|
export let structure = {};
|
|
|
|
$: screens = structure?.screens ?? {};
|
|
</script>
|
|
|
|
<style>
|
|
.print-output {
|
|
width: 4.25in;
|
|
height: 5.5in;
|
|
border: 1px solid black;
|
|
padding: 1em;
|
|
margin: 0px auto;
|
|
}
|
|
@media print {
|
|
:global(body > *) {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.print-output {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
.s6 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
</style>
|