Fix Modal overlay + per-slot template preview dropdown
Some checks failed
Validate / Hassfest (push) Has been cancelled

- Modal: revert to inline styles (Tailwind fixed class broken).
  Added max-height: 80vh with overflow-y: auto for scrollable content.
- Template configs: preview is now per message slot via dropdown
  (assets added/removed/renamed/deleted, periodic, scheduled, memory)
  instead of hardcoded to assets_added only.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-19 19:15:33 +03:00
parent 5870ebd216
commit 6076e6d8ca
2 changed files with 29 additions and 30 deletions

View File

@@ -176,10 +176,24 @@
</div>
{/if}
</div>
<div class="flex items-center gap-3 ml-4">
<button onclick={() => preview(config.id, 'message_assets_added')} class="text-xs text-[var(--color-muted-foreground)] hover:underline">{t('templateConfig.preview')}</button>
<button onclick={() => edit(config)} class="text-xs text-[var(--color-muted-foreground)] hover:underline">{t('common.edit')}</button>
<button onclick={() => remove(config.id)} class="text-xs text-[var(--color-destructive)] hover:underline">{t('common.delete')}</button>
<div class="flex flex-col items-end gap-2 ml-4">
<div class="flex items-center gap-3">
<button onclick={() => edit(config)} class="text-xs text-[var(--color-muted-foreground)] hover:underline">{t('common.edit')}</button>
<button onclick={() => remove(config.id)} class="text-xs text-[var(--color-destructive)] hover:underline">{t('common.delete')}</button>
</div>
<div class="flex items-center gap-1">
<select onchange={(e) => preview(config.id, e.currentTarget.value)}
class="text-xs px-1 py-0.5 border border-[var(--color-border)] rounded bg-[var(--color-background)]">
<option value="" disabled selected>{t('templateConfig.preview')}...</option>
<option value="message_assets_added">{t('templateConfig.assetsAdded')}</option>
<option value="message_assets_removed">{t('templateConfig.assetsRemoved')}</option>
<option value="message_album_renamed">{t('templateConfig.albumRenamed')}</option>
<option value="message_album_deleted">{t('templateConfig.albumDeleted')}</option>
<option value="periodic_summary_message">{t('templateConfig.periodicSummary')}</option>
<option value="scheduled_assets_message">{t('templateConfig.scheduledAssets')}</option>
<option value="memory_mode_message">{t('templateConfig.memoryMode')}</option>
</select>
</div>
</div>
</div>
</Card>