mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-01-26 19:09:52 +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" />
|
||||
</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"
|
||||
>
|
||||
<i class="pi pi-times text-sm"></i>
|
||||
<i class="pi pi-times" />
|
||||
</Button>
|
||||
<div class="flex h-full w-full">
|
||||
<Transition name="slide-panel">
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
<Button
|
||||
v-if="isUploadButtonEnabled"
|
||||
variant="primary"
|
||||
:size="breakpoints.md ? 'md' : 'icon'"
|
||||
:size="breakpoints.md ? 'lg' : 'icon'"
|
||||
data-attr="upload-model-button"
|
||||
@click="showUploadDialog"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user