Skip to content

Commit 87e0951

Browse files
committed
T2I All Runボタンを削除しメニューバーのデザインを改善
- T2I All Runボタンを削除 - メニューバーのフォントサイズを11pxに縮小 - 外部サービスセクションをコンパクトに整理 - h5タグを削除しシンプルなレイアウトに変更
1 parent e0dac2f commit 87e0951

File tree

3 files changed

+73
-98
lines changed

3 files changed

+73
-98
lines changed

css/core/main-component.css

Lines changed: 19 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -84,14 +84,28 @@
8484
.custom-navbar .navbar-brand,
8585
.custom-navbar .nav-link,
8686
.custom-navbar .dropdown-item {
87-
color: var(--text-color-B);
87+
color: var(--text-color-B);
88+
}
89+
.custom-navbar .nav-link {
90+
font-size: 11px;
91+
padding: 4px 8px;
92+
}
93+
.custom-navbar .dropdown-item {
94+
font-size: 11px;
95+
padding: 4px 10px;
96+
}
97+
.custom-navbar .dropdown-item .material-icons,
98+
.custom-navbar .dropdown-item .material-symbols-outlined {
99+
font-size: 14px;
100+
vertical-align: middle;
101+
margin-right: 4px;
88102
}
89103

90104
.custom-navbar .dropdown-menu {
91-
background-color: var(--background-color-A);
92-
border-color: var(--nav-border);
93-
border-width: 2px;
94-
min-width: 350px;
105+
background-color: var(--background-color-A);
106+
border-color: var(--nav-border);
107+
border-width: 1px;
108+
min-width: 200px;
95109
}
96110

97111
.custom-navbar .dropdown-item:hover {

css/layout.css

Lines changed: 43 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -181,49 +181,49 @@
181181
}
182182
.A1111_api_content,
183183
.Comfyui_api_content {
184-
padding: 8px 12px;
185-
}
186-
.A1111_api_content li,
187-
.Comfyui_api_content li {
188-
padding: 4px 0;
189-
}
190-
.A1111_api_content li a {
191-
width: 280px;
192-
display: block;
193-
color: var(--a-link);
194-
text-decoration: underline;
195-
font-weight: bold;
196-
padding: 5px 10px;
197-
border-radius: 4px;
198-
transition: background-color 0.3s, color 0.3s;
199-
}
200-
201-
.A1111_api_content li a:hover {
202-
background-color: var(--button-hover-background);
203-
color: var(--a-link-hover);
204-
}
205-
206-
.Comfyui_api_content li a {
207-
width: 280px;
208-
display: block;
209-
color: var(--a-link);
210-
text-decoration: underline;
211-
font-weight: bold;
212-
padding: 5px 10px;
213-
border-radius: 4px;
214-
transition: background-color 0.3s, color 0.3s;
215-
}
216-
217-
.Comfyui_api_content li a:hover {
218-
background-color: var(--button-hover-background);
219-
color: var(--a-link-hover);
220-
}
221-
222-
.A1111_api_content li a::after,
223-
.Comfyui_api_content li a::after {
224-
content: ' 🔗';
225-
font-size: 0.9em;
226-
color: inherit;
184+
padding: 6px 10px;
185+
}
186+
.es-section-title {
187+
font-size: 11px;
188+
font-weight: bold;
189+
color: var(--text-color-C);
190+
padding: 2px 0;
191+
list-style: none;
192+
}
193+
.es-url-row {
194+
display: flex;
195+
align-items: center;
196+
gap: 4px;
197+
list-style: none;
198+
padding: 2px 0;
199+
}
200+
.es-url-row input {
201+
flex: 1;
202+
font-size: 11px;
203+
padding: 3px 6px;
204+
border: 1px solid var(--border-color-C);
205+
border-radius: 3px;
206+
background: var(--background-color-B);
207+
color: var(--text-color-B);
208+
min-width: 180px;
209+
}
210+
.es-btn-small {
211+
font-size: 11px;
212+
padding: 2px 6px;
213+
border: 1px solid var(--border-color-C);
214+
border-radius: 3px;
215+
background: var(--background-color-D);
216+
color: var(--text-color-B);
217+
cursor: pointer;
218+
text-decoration: none;
219+
display: inline-flex;
220+
align-items: center;
221+
justify-content: center;
222+
min-width: 22px;
223+
}
224+
.es-btn-small:hover {
225+
background: var(--button-hover-background);
226+
color: var(--text-color-C);
227227
}
228228

229229

index.html

Lines changed: 11 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -340,58 +340,23 @@
340340
<span id="intro_sdWebUI" data-i18n="externalServices"></span>
341341
</a>
342342
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
343-
<!--A1111-->
344343
<div class="A1111_api_content">
345-
<li>
346-
<label>
347-
<h5>WebUI(A1111/Forge)</h5>
348-
</label>
349-
<label for="sdWebUIPageUrl">
350-
<span data-i18n="apiUrl">URL</span>
351-
<input type="text" id="sdWebUIPageUrl" value="http://127.0.0.1:7860">
352-
</label>
353-
</li>
354-
<li>
355-
<a href="html/API_Help/sd-api-guide.html" target="_blank">
356-
<i class="material-icons">help_outline</i>
357-
<span data-i18n="help_api_connect_settings">
358-
</span>
359-
</a>
360-
</li>
361-
<li>
362-
<button id="sdWebUIPageUrlDefaultUrl">
363-
<span data-i18n="defaultUrl">デフォルトURL</span>
364-
</button>
344+
<li class="es-section-title">WebUI (A1111/Forge)</li>
345+
<li class="es-url-row">
346+
<input type="text" id="sdWebUIPageUrl" value="http://127.0.0.1:7860" placeholder="URL">
347+
<button id="sdWebUIPageUrlDefaultUrl" class="es-btn-small" title="Reset"></button>
348+
<a href="html/API_Help/sd-api-guide.html" target="_blank" class="es-btn-small" title="Help">?</a>
365349
</li>
366350
</div>
367351
<hr>
368352
<div class="Comfyui_api_content">
369-
<li>
370-
<label>
371-
<h5 data-i18n="comfyUI">ComfyUI</h5>
372-
</label>
373-
</li>
374-
<li>
375-
<label for="comfyUIPageUrl">
376-
<span data-i18n="apiUrl">URL</span>
377-
<input type="text" id="comfyUIPageUrl" value="http://127.0.0.1:8188">
378-
</label>
379-
</li>
380-
381-
<li>
382-
<a href="html/API_Help/comfyui_settings.html" target="_blank">
383-
<i class="material-icons">help_outline</i>
384-
<span data-i18n="help_api_connect_settings">
385-
</span>
386-
</a>
353+
<li class="es-section-title" data-i18n="comfyUI">ComfyUI</li>
354+
<li class="es-url-row">
355+
<input type="text" id="comfyUIPageUrl" value="http://127.0.0.1:8188" placeholder="URL">
356+
<button id="comfyUIPageUrlDefaultUrl" class="es-btn-small" title="Reset"></button>
357+
<a href="html/API_Help/comfyui_settings.html" target="_blank" class="es-btn-small" title="Help">?</a>
387358
</li>
388-
<li>
389-
<button id="comfyUIPageUrlDefaultUrl">
390-
<span data-i18n="defaultUrl">デフォルトURL</span>
391-
</button>
392-
</li>
393-
394-
</div>
359+
</div>
395360
</ul>
396361
</li>
397362
</ul>
@@ -1789,10 +1754,6 @@ <h5 data-i18n="comfyUI">ComfyUI</h5>
17891754
<div id="canvas-buttons">
17901755

17911756
<div id="layer-buttons">
1792-
<button onclick="AllRun()">
1793-
<i class="material-icons">collections</i>
1794-
<span data-i18n="T2I_AllRun">All Run</span>
1795-
</button>
17961757
<button onclick="View()">
17971758
<i class="material-icons">document_scanner</i>
17981759
<span data-i18n="promptView">View</span>

0 commit comments

Comments
 (0)