mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-04-29 02:32:18 +00:00
fix: Button sizing in modals and asset browser (#7920)
## Summary Fix button sizing inconsistencies in modal dialogs and the asset browser. ## Changes - **What**: Fix Import button using responsive size (`lg`/`icon` based on breakpoint) and ensure Modal Close button has explicit `w-10` width for consistent sizing. ## Review Focus Button sizing consistency across the modal UI. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-7920-fix-Button-sizing-in-modals-and-asset-browser-2e36d73d365081fc997af8be1e928049) by [Unito](https://www.unito.io)
This commit is contained in:
@@ -13,10 +13,11 @@
|
|||||||
<i class="icon-[lucide--panel-right] text-sm" />
|
<i class="icon-[lucide--panel-right] text-sm" />
|
||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
class="absolute top-4 right-6 z-10 transition-opacity duration-200"
|
size="lg"
|
||||||
|
class="absolute top-4 right-6 z-10 transition-opacity duration-200 w-10"
|
||||||
@click="closeDialog"
|
@click="closeDialog"
|
||||||
>
|
>
|
||||||
<i class="pi pi-times text-sm"></i>
|
<i class="pi pi-times" />
|
||||||
</Button>
|
</Button>
|
||||||
<div class="flex h-full w-full">
|
<div class="flex h-full w-full">
|
||||||
<Transition name="slide-panel">
|
<Transition name="slide-panel">
|
||||||
|
|||||||
@@ -32,7 +32,7 @@
|
|||||||
<Button
|
<Button
|
||||||
v-if="isUploadButtonEnabled"
|
v-if="isUploadButtonEnabled"
|
||||||
variant="primary"
|
variant="primary"
|
||||||
:size="breakpoints.md ? 'md' : 'icon'"
|
:size="breakpoints.md ? 'lg' : 'icon'"
|
||||||
data-attr="upload-model-button"
|
data-attr="upload-model-button"
|
||||||
@click="showUploadDialog"
|
@click="showUploadDialog"
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user