Corrigiendo formeto y botoncito de consultar

This commit is contained in:
2026-02-26 11:11:07 -06:00
parent ccb643426d
commit 6adf2e1968

View File

@@ -166,7 +166,7 @@
<Dialog.Overlay class="fixed inset-0 z-[9999] {overlayClass}" />
<Dialog.Content
class="fixed left-[50%] top-[50%] z-[10000] w-full max-w-[480px] translate-x-[-50%] translate-y-[-50%] overflow-hidden border-0 bg-transparent p-0 shadow-2xl sm:rounded-xl"
class="fixed top-[50%] left-[50%] z-[10000] w-full max-w-[480px] translate-x-[-50%] translate-y-[-50%] overflow-hidden border-0 bg-transparent p-0 shadow-2xl sm:rounded-xl"
>
<div
class="flex h-full flex-col overflow-hidden rounded-xl border border-border bg-background"
@@ -181,7 +181,7 @@
<AlertCircle class="text-amber-600 dark:text-amber-400" size={24} />
</div>
<div class="space-y-1">
<h3 class="text-lg font-semibold leading-tight text-amber-900 dark:text-amber-100">
<h3 class="text-lg leading-tight font-semibold text-amber-900 dark:text-amber-100">
{title}
</h3>
<p class="text-sm leading-relaxed text-amber-800/80 dark:text-amber-200/80">
@@ -232,7 +232,7 @@
/>
{#if isMissingRateContext}
<div
class="absolute right-3 top-1/2 -translate-y-1/2 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-600"
class="absolute top-1/2 right-3 -translate-y-1/2 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-medium text-amber-600"
>
Requerida
</div>
@@ -241,28 +241,12 @@
</div>
<div class="grid gap-2">
<div class="flex items-center justify-between">
<Label for="value" class="ml-1 text-sm font-medium text-muted-foreground"
>Tipo de Cambio (MXN/USD)</Label
>
<Button
type="button"
variant="ghost"
size="sm"
class="-mr-2 h-6 px-2 text-xs text-primary hover:text-primary/80"
disabled={scraping || loading || !formData.date}
onclick={() => fetchFromDof(formData.date)}
>
{#if scraping}
<span class="mr-1.5 animate-spin"></span> Consultando...
{:else}
<CloudDownload size={14} class="mr-1.5" /> Consultar DOF
{/if}
</Button>
</div>
<Label for="value" class="ml-1 text-sm font-medium text-muted-foreground"
>Tipo de Cambio (MXN/USD)</Label
>
<div class="group relative">
<div
class="absolute left-3 top-1/2 -translate-y-1/2 font-semibold text-muted-foreground"
class="absolute top-1/2 left-3 -translate-y-1/2 font-semibold text-muted-foreground"
>
$
</div>
@@ -270,6 +254,7 @@
id="value"
type="number"
step="0.0001"
lang="en"
bind:value={formData.value}
disabled={loading}
required
@@ -278,18 +263,30 @@
autofocus
/>
</div>
<p class="px-1 text-right text-[11px] text-muted-foreground">Ej. 24.1234</p>
<div class="mt-1 flex items-start justify-between">
<Button
type="button"
variant="secondary"
size="sm"
class="h-8 font-medium shadow-sm transition-all"
disabled={scraping || loading || !formData.date}
onclick={() => fetchFromDof(formData.date)}
>
{#if scraping}
<span class="mr-2 animate-spin"></span> Consultando...
{:else}
<CloudDownload size={15} class="mr-2" /> Consultar DOF
{/if}
</Button>
<p class="mt-2 px-1 text-right text-[11px] text-muted-foreground">Ej. 24.1234</p>
</div>
</div>
</div>
<Dialog.Footer class="grid grid-cols-4 gap-2 pt-2">
<Button type="button" variant="outline" class="w-full text-xs" disabled>
Cargar TC
</Button>
<Button type="button" variant="outline" class="w-full text-xs" disabled>Ayuda</Button>
<Dialog.Footer class="mt-4 grid grid-cols-2 gap-3 pt-2">
<Button
type="button"
variant="ghost"
variant="outline"
onclick={() => (open = false)}
disabled={loading}
class="w-full hover:bg-muted/50"