make refresh buttons look more nice

1 files changed, 21 insertions, 7 deletions

diff --git a/style.css b/style.css
index 516ef7bf..f168571e 100644
--- a/style.css
+++ b/style.css
@@ -496,13 +496,6 @@ input[type="range"]{
     padding: 0;

 }

 

-#refresh_sd_model_checkpoint, #refresh_sd_vae, #refresh_sd_hypernetwork, #refresh_train_hypernetwork_name, #refresh_train_embedding_name, #refresh_localization, #refresh_checkpoint_A, #refresh_checkpoint_B, #refresh_checkpoint_C{

-    max-width: 2.5em;

-    min-width: 2.5em;

-    height: 2.4em;

-}

-

-

 canvas[key="mask"] {

     z-index: 12 !important;

     filter: invert();

@@ -569,6 +562,27 @@ img2maskimg, #img2maskimg > .h-60, #img2maskimg > .h-60 > div, #img2maskimg > .h
     padding-right: 0.5em;

 }

 

+.gr-form{

+    background-color: white;

+}

+

+.dark .gr-form{

+    background-color: rgb(31 41 55 / var(--tw-bg-opacity));

+}

+

+.gr-button-tool{

+    max-width: 2.5em;

+    min-width: 2.5em !important;

+    height: 2.4em;

+    margin: 0.55em 0;

+}

+

+#quicksettings .gr-button-tool{

+    margin: 0;

+}

+

+

+

 /* The following handles localization for right-to-left (RTL) languages like Arabic.

 The rtl media type will only be activated by the logic in javascript/localization.js.

 If you change anything above, you need to make sure it is RTL compliant by just running