fix: use icon-only button for image browser
This commit is contained in:
@@ -179,10 +179,11 @@
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onclick={handleBrowseImages}
|
onclick={handleBrowseImages}
|
||||||
class="inline-flex items-center gap-1.5 rounded-lg border border-[var(--border-primary)] px-3 py-2 text-sm font-medium text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] transition-colors"
|
title={$t('quickDeploy.browseImages')}
|
||||||
|
aria-label={$t('quickDeploy.browseImages')}
|
||||||
|
class="rounded-lg border border-[var(--border-primary)] p-2 text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] hover:text-[var(--text-primary)] transition-colors"
|
||||||
>
|
>
|
||||||
<IconSearch size={14} />
|
<IconSearch size={16} />
|
||||||
{$t('quickDeploy.browseImages')}
|
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
onclick={handleInspect}
|
onclick={handleInspect}
|
||||||
|
|||||||
@@ -147,10 +147,11 @@
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
onclick={handleBrowseImages}
|
onclick={handleBrowseImages}
|
||||||
class="inline-flex items-center gap-1.5 rounded-lg border border-[var(--border-primary)] px-3 py-2 text-sm font-medium text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] transition-colors"
|
title={$t('projects.browseImages')}
|
||||||
|
aria-label={$t('projects.browseImages')}
|
||||||
|
class="rounded-lg border border-[var(--border-primary)] p-2 text-[var(--text-secondary)] hover:bg-[var(--surface-card-hover)] hover:text-[var(--text-primary)] transition-colors"
|
||||||
>
|
>
|
||||||
<IconSearch size={14} />
|
<IconSearch size={16} />
|
||||||
{$t('projects.browseImages')}
|
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{#if showImageBrowser}
|
{#if showImageBrowser}
|
||||||
|
|||||||
Reference in New Issue
Block a user