diff options
| author | AUTOMATIC1111 <16777216c@gmail.com> | 2023-05-14 11:46:27 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-14 11:46:27 +0300 |
| commit | 80adb6979d46bbb832254004cac4f4f9bec9efb3 (patch) | |
| tree | e206ee60f9be21e9e20d483213b7d0a610d2bdbd /style.css | |
| parent | 1dcd6723242c3d691610f9ed937951baea49c2d1 (diff) | |
| parent | 3ddc76342298ad0b2d14cb571ceb48c0b0c4176d (diff) | |
Merge branch 'dev' into find_vae
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 47 |
1 files changed, 46 insertions, 1 deletions
@@ -1,3 +1,6 @@ +/* temporary fix to load default gradio font in frontend instead of backend */
+
+@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');
/* general gradio fixes */
@@ -125,6 +128,10 @@ div.gradio-html.min{ text-decoration: none;
}
+a{
+ font-weight: bold;
+ cursor: pointer;
+}
/* general styled components */
@@ -246,7 +253,7 @@ button.custom-button{ }
}
-#txt2img_gallery img, #img2img_gallery img{
+#txt2img_gallery img, #img2img_gallery img, #extras_gallery img{
object-fit: scale-down;
}
#txt2img_actions_column, #img2img_actions_column {
@@ -397,6 +404,42 @@ div#extras_scale_to_tab div.form{ margin: 0 1.2em;
}
+table.settings-value-table{
+ background: white;
+ border-collapse: collapse;
+ margin: 1em;
+ border: 4px solid white;
+}
+
+table.settings-value-table td{
+ padding: 0.4em;
+ border: 1px solid #ccc;
+ max-width: 36em;
+}
+
+.ui-defaults-none{
+ color: #aaa !important;
+}
+
+#settings span{
+ color: var(--body-text-color);
+}
+
+#settings .gradio-textbox, #settings .gradio-slider, #settings .gradio-number, #settings .gradio-dropdown, #settings .gradio-checkboxgroup, #settings .gradio-radio{
+ margin-top: 0.75em;
+}
+
+#settings span .settings-comment {
+ display: inline
+}
+
+.settings-comment a{
+ text-decoration: underline;
+}
+
+.settings-comment .info{
+ opacity: 0.75;
+}
/* live preview */
.progressDiv{
@@ -534,6 +577,8 @@ div#extras_scale_to_tab div.form{ #lightboxModal > img.modalImageFullscreen{
object-fit: contain;
height: 100%;
+ width: 100%;
+ min-height: 0;
}
.modalPrev,
|