fix: work around dynamic css tailwind styles issue

polysensus · Sep 1, 2024 · 371088f · 371088f
1 parent 8b34a57
commit 371088f
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/apps/gav0/src/lib/components/organisms/BiomesFabricator.svelte b/apps/gav0/src/lib/components/organisms/BiomesFabricator.svelte
@@ -72,7 +72,7 @@ function routeGenerator(route: string): string {
       {/if}
     </FabricatorTabs>
   </div>
-  <div class="flex-grow-0 flex-shrink-0 basis-full md:basis-1/3">
+  <div class="flex-grow-0 flex-shrink-0 basis-full md:basis-1/3 mt-4">
     <FabricatorArtefactDeployer>
       <div slot="top">
         <BiomesPreviewPane image={{src: blueprintImgSrc0, alt: "Biomes preview image"}} meta={meta}/>

diff --git a/apps/gav0/src/lib/components/organisms/GAVBar.svelte b/apps/gav0/src/lib/components/organisms/GAVBar.svelte
@@ -55,7 +55,6 @@
 		<slot />
 	</svelte:fragment>
 </AppBar>
-
 <style>
 	.app-bar {
 		display: flex;

diff --git a/apps/gav0/src/lib/components/organisms/ImagePrompt.svelte b/apps/gav0/src/lib/components/organisms/ImagePrompt.svelte
@@ -18,7 +18,8 @@ export let suggestion: string;
 export let promptPos: "top" | "bottom" = "top";
 
 // --- component state properties
-$: gridStyles = `grid grid-cols-${stride} md:grid-cols-${strideWide} gap-4`
+// $: gridStyles = `grid grid-cols-${stride} md:grid-cols-${strideWide} gap-4`
+let gridStyles = `grid grid-cols-2 md:grid-cols-2 gap-4`
 
 // --- svelte bound variables
 // let instance = undefined