Add Isometric Fountain demo artwork

This commit is contained in:
Keavon Chambers
2024-05-08 19:00:31 -07:00
parent de84e39c4e
commit 6b0822d318
11 changed files with 47 additions and 28 deletions
@@ -32,7 +32,7 @@
<IconLabel icon={$dialog.icon} class={$dialog.icon.toLowerCase()} />
<TextLabel>{$dialog.title}</TextLabel>
</LayoutRow>
<LayoutRow class="content">
<LayoutRow class={`content ${$dialog.title === "Demo Artwork" ? "center" : "" /* TODO: Replace this with a less hacky approach that's compatible with localization/translation */}`}>
<LayoutCol class="column-1">
{#if $dialog.column1.layout.length > 0}
<WidgetLayout layout={$dialog.column1} class="details" />
@@ -114,6 +114,10 @@
.content {
margin: -4px 0;
&.center .row {
justify-content: center;
}
.column-1 + .column-2 {
margin-left: 48px;
+2
View File
@@ -1,12 +1,14 @@
/* eslint-disable import/first */
// Demo artwork
import ThumbnailIsometricFountain from "@graphite-frontend/assets/images/demo-artwork/thumbnail-isometric-fountain.png";
import ThumbnailJustAPottedCactus from "@graphite-frontend/assets/images/demo-artwork/thumbnail-just-a-potted-cactus.png";
import ThumbnailProceduralStringLights from "@graphite-frontend/assets/images/demo-artwork/thumbnail-procedural-string-lights.png";
import ThumbnailRedDress from "@graphite-frontend/assets/images/demo-artwork/thumbnail-red-dress.png";
import ThumbnailValleyOfSpires from "@graphite-frontend/assets/images/demo-artwork/thumbnail-valley-of-spires.png";
const DEMO_ARTWORK = {
ThumbnailIsometricFountain,
ThumbnailJustAPottedCactus,
ThumbnailProceduralStringLights,
ThumbnailValleyOfSpires,