-
Notifications
You must be signed in to change notification settings - Fork 167
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Front stack primary updates and improvements (#757)
* (fix) index.html formating for prettier * (add) proper icon management - on-demand icons auto importing - handle all available icon sets (https://icones.js.org) * (fix) proper css management * (add) front stack improvement: - implement vue router - prepare for App.vue simplification - proper management of views and layouts - fix Tailwind CSS and prepare for overall css cleaning * (fix) move back user.css to public dir * (fix) remove user.css import from main.ts
- Loading branch information
Showing
12 changed files
with
655 additions
and
125 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -23,6 +23,7 @@ dist-ssr | |
| *.njsproj | ||
| *.sln | ||
| *.sw? | ||
| components.d.ts | ||
|
|
||
| # Ignore test data. | ||
| tests-ui/data/* | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,55 +1,55 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>ComfyUI</title> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | ||
| <!-- Browser Test Fonts --> | ||
| <!-- <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> | ||
| <style> | ||
| * { | ||
| font-family: 'Roboto Mono', 'Noto Color Emoji'; | ||
| } | ||
| </style> --> | ||
| <script type="module" src="node_modules/reflect-metadata/Reflect.js"></script> | ||
| <script type="module"> | ||
| import 'reflect-metadata'; | ||
| window["__COMFYUI_FRONTEND_VERSION__"] = __COMFYUI_FRONTEND_VERSION__; | ||
| console.log("ComfyUI Front-end version:", __COMFYUI_FRONTEND_VERSION__); | ||
| </script> | ||
| <script type="module" src="src/main.ts"></script> | ||
| <link rel="stylesheet" type="text/css" href="user.css" /> | ||
| <link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" /> | ||
| </head> | ||
| <body class="litegraph"> | ||
| <div id="vue-app"></div> | ||
| <div id="comfy-user-selection" class="comfy-user-selection" style="display: none;"> | ||
| <main class="comfy-user-selection-inner"> | ||
| <h1>ComfyUI</h1> | ||
| <form> | ||
| <section> | ||
| <label>New user: | ||
| <input placeholder="Enter a username" /> | ||
| </label> | ||
| </section> | ||
| <div class="comfy-user-existing"> | ||
| <span class="or-separator">OR</span> | ||
| <section> | ||
| <label> | ||
| Existing user: | ||
| <select> | ||
| <option hidden disabled selected value> Select a user </option> | ||
| </select> | ||
| </label> | ||
| </section> | ||
| </div> | ||
| <footer> | ||
| <span class="comfy-user-error"> </span> | ||
| <button class="comfy-btn comfy-user-button-next">Next</button> | ||
| </footer> | ||
| </form> | ||
| </main> | ||
| </div> | ||
| </body> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>ComfyUI</title> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | ||
| <!-- Browser Test Fonts --> | ||
| <!-- <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> | ||
| <link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> | ||
| <style> | ||
| * { | ||
| font-family: 'Roboto Mono', 'Noto Color Emoji'; | ||
| } | ||
| </style> --> | ||
| <script type="module" src="node_modules/reflect-metadata/Reflect.js"></script> | ||
| <script type="module"> | ||
| import 'reflect-metadata'; | ||
| window["__COMFYUI_FRONTEND_VERSION__"] = __COMFYUI_FRONTEND_VERSION__; | ||
| console.log("ComfyUI Front-end version:", __COMFYUI_FRONTEND_VERSION__); | ||
| </script> | ||
| <script type="module" src="src/main.ts"></script> | ||
| <link rel="stylesheet" type="text/css" href="user.css" /> | ||
| <link rel="stylesheet" type="text/css" href="materialdesignicons.min.css" /> | ||
| </head> | ||
| <body class="litegraph"> | ||
| <div id="vue-app"></div> | ||
| <div id="comfy-user-selection" class="comfy-user-selection" style="display: none;"> | ||
| <main class="comfy-user-selection-inner"> | ||
| <h1>ComfyUI</h1> | ||
| <form> | ||
| <section> | ||
| <label>New user: | ||
| <input placeholder="Enter a username" /> | ||
| </label> | ||
| </section> | ||
| <div class="comfy-user-existing"> | ||
| <span class="or-separator">OR</span> | ||
| <section> | ||
| <label> | ||
| Existing user: | ||
| <select> | ||
| <option hidden disabled selected value> Select a user </option> | ||
| </select> | ||
| </label> | ||
| </section> | ||
| </div> | ||
| <footer> | ||
| <span class="comfy-user-error"> </span> | ||
| <button class="comfy-btn comfy-user-button-next">Next</button> | ||
| </footer> | ||
| </form> | ||
| </main> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.