mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-03-25 15:15:44 -03:00
Implement input-with-button layout in import modal for improved user experience
- Added a new input-with-button component to the import modal, allowing users to input an image URL and fetch the image with a button click. - Removed the previous button placement to streamline the UI and enhance usability. - Updated CSS styles for the new component to ensure proper layout and responsiveness.
This commit is contained in:
@@ -34,14 +34,14 @@
|
||||
<p>Input a Civitai image URL to import as a recipe.</p>
|
||||
<div class="input-group">
|
||||
<label for="imageUrlInput">Image URL:</label>
|
||||
<input type="text" id="imageUrlInput" placeholder="https://civitai.com/images/...">
|
||||
<div class="input-with-button">
|
||||
<input type="text" id="imageUrlInput" placeholder="https://civitai.com/images/...">
|
||||
<button class="primary-btn" onclick="importManager.handleUrlInput()">
|
||||
<i class="fas fa-download"></i> Fetch Image
|
||||
</button>
|
||||
</div>
|
||||
<div class="error-message" id="urlError"></div>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<button class="primary-btn" onclick="importManager.handleUrlInput()">
|
||||
<i class="fas fa-download"></i> Fetch Image
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-actions">
|
||||
|
||||
Reference in New Issue
Block a user