.

mcnuttandrew · Sep 19, 2024 · ca0030f · ca0030f
1 parent e6ed9c2
commit ca0030f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/apps/color-buddy/src/content-modules/Manage.svelte b/apps/color-buddy/src/content-modules/Manage.svelte
@@ -117,7 +117,7 @@
         .filter((x) => pal.folder !== x)
         .map((x) => {
           return {
-            name: `Move to ${x || "root"}`,
+            name: `Move to ${x || "Home"}`,
             action: () => {
               const newPals = [...$colorStore.palettes];
               newPals[paletteIdx] = { ...pal, folder: x };
@@ -179,7 +179,7 @@
                   name: folder,
                 })}
             >
-              {folder.length ? `${folder}` : "root"}
+              {folder.length ? `${folder}` : "Home"}
             </button>
             {#if folder !== ""}
               <div class="px-1">

diff --git a/apps/color-buddy/src/example/ExampleAlaCarte.svelte b/apps/color-buddy/src/example/ExampleAlaCarte.svelte
@@ -6,7 +6,7 @@
   import Vega from "./Vega.svelte";
   import Swatches from "./Swatches.svelte";
   import Tooltip from "../components/Tooltip.svelte";
-  import { buttonStyle } from "../lib/styles";
+  import { buttonStyle, simpleTooltipRowStyle } from "../lib/styles";
   export let exampleIdx: number;
   export let setExampleIdx: (idx: number) => void;
   export let paletteIdx: number | "tempPal";
@@ -21,10 +21,11 @@
 </script>
 
 <div class="flex flex-col">
-  <Tooltip>
-    <div slot="content" class="max-w-md">
+  <div class="text-sm">Thumbnail</div>
+  <Tooltip bg="bg-white">
+    <div slot="content" class="max-w-md flex flex-col">
       <button
-        class={buttonStyle}
+        class={simpleTooltipRowStyle}
         on:click={() => {
           setExampleIdx(-1);
         }}
@@ -33,7 +34,7 @@
       </button>
       {#each $exampleStore.examples as example, idx}
         <button
-          class={buttonStyle}
+          class={simpleTooltipRowStyle}
           on:click={() => {
             setExampleIdx(idx);
           }}
@@ -48,7 +49,7 @@
       class={`${buttonStyle} pl-0`}
       on:click={toggle}
     >
-      Change example: {example?.name || "Swatches"}
+      {example?.name || "Swatches"}
     </button>
   </Tooltip>
 </div>