feat: improve discoverability of 'Preset' name editing

Fortyseven · Aug 30, 2024 · b474e23 · b474e23
1 parent 1d169b7
commit b474e23
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/TabPages/Presets/PresetFilename.svelte b/src/components/TabPages/Presets/PresetFilename.svelte
@@ -39,7 +39,7 @@
  bind:value={$chatState.stateFilename}
  />
 {:else}
- <span on:dblclick={startEdit} title="Double-click to edit prompt filename">
+ <span on:click={startEdit} title="Click to edit prompt filename">
  {$chatState.stateFilename}
  </span>
 {/if}
@@ -49,6 +49,9 @@
  color: var(--accent-color-lighter3);
  cursor: text;
  user-select: none;
+ &:hover {
+ text-decoration: underline;
+ }
  }
  input {
  padding: 0 0.2em;

diff --git a/src/components/TabPages/Presets/Presets.svelte b/src/components/TabPages/Presets/Presets.svelte
@@ -191,7 +191,10 @@
 <!-- ----------------------------------------------------------------------- -->
 
 <div id="Presets" class="w-full h-full text-primary">
- <div class="pb-4 text-3xl">Preset: <PresetFilename /></div>
+ <div class="pb-4 text-3xl">
+ <span class="font-bold">Preset:</span>
+ <PresetFilename />
+ </div>
 
  <div class="flex">
  <Button onClick={loadPresetFromFile} title="Load preset from file">