fix extra networks ui

2 files changed, 7 insertions, 4 deletions

diff --git a/modules/ui_extra_networks.py b/modules/ui_extra_networks.py
index cdfd6f2a..8cd6d8cf 100644
--- a/modules/ui_extra_networks.py
+++ b/modules/ui_extra_networks.py
@@ -86,7 +86,7 @@ class ExtraNetworksPage:
             subdirs = {"": 1, **subdirs}

 

         subdirs_html = "".join([f"""

-<button class='gr-button gr-button-lg gr-button-secondary{" search-all" if subdir=="" else ""}' onclick='extraNetworksSearchButton("{tabname}_extra_tabs", event)'>

+<button class='lg secondary gradio-button custom-button{" search-all" if subdir=="" else ""}' onclick='extraNetworksSearchButton("{tabname}_extra_tabs", event)'>

 {html.escape(subdir if subdir!="" else "all")}

 </button>

 """ for subdir in subdirs])

diff --git a/style.css b/style.css
index cee13cf7..b258552d 100644
--- a/style.css
+++ b/style.css
@@ -636,12 +636,12 @@ footer {
 .extra-network-subdirs button{

     margin: 0 0.15em;

 }

-

-#txt2img_extra_networks .search, #img2img_extra_networks .search{

+.extra-networks .tab-nav .search{

     display: inline-block;

     max-width: 16em;

     margin: 0.3em;

     align-self: center;

+    width: 16em;

 }

 

 #txt2img_extra_view, #img2img_extra_view {

@@ -766,12 +766,15 @@ footer {
     left: 0;

     right: 0;

     padding: 0.5em;

-    color: white;

     background: rgba(0,0,0,0.5);

     box-shadow: 0 0 0.25em 0.25em rgba(0,0,0,0.5);

     text-shadow: 0 0 0.2em black;

 }

 

+.extra-network-cards .card .actions *{

+    color: white;

+}

+

 .extra-network-cards .card .actions:hover{

     box-shadow: 0 0 0.75em 0.75em rgba(0,0,0,0.5) !important;

 }