StableDiffusion/WebUI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css fixes

Browse Source
This commit is contained in:
ItsOlegDm 2023-01-26 23:25:48 +02:00
parent 7a14c8ab45
commit a43fafb481
1 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
style.css
View File

@ -74,7 +74,12 @@
#txt2img_gallery img, #img2img_gallery img{ #txt2img_gallery img, #img2img_gallery img{
object-fit: scale-down; object-fit: scale-down;
} }
#txt2img_actions_column, #img2img_actions_column {
margin: 0.35rem 0.75rem 0.35rem 0;
}
#script_list {
padding: .625rem .75rem 0 .625rem;
}
.justify-center.overflow-x-scroll { .justify-center.overflow-x-scroll {
justify-content: left; justify-content: left;
} }
@ -126,10 +131,12 @@
#txt2img_actions_column, #img2img_actions_column{ #txt2img_actions_column, #img2img_actions_column{
gap: 0; gap: 0;
margin-right: .75rem;
} }
#txt2img_tools, #img2img_tools{ #txt2img_tools, #img2img_tools{
gap: 0.4em; gap: 0.4em;
justify-content: center;
} }
#interrogate_col{ #interrogate_col{
@ -155,7 +162,9 @@
#txt2img_styles_row > button, #img2img_styles_row > button{ #txt2img_styles_row > button, #img2img_styles_row > button{
margin: 0; margin: 0;
} }
#txt2img_styles_row {
margin-top: 0.3em;
}
#txt2img_styles, #img2img_styles{ #txt2img_styles, #img2img_styles{
padding: 0; padding: 0;
} }
@ -311,11 +320,11 @@ input[type="range"]{
.min-h-\[6rem\] { min-height: unset !important; } .min-h-\[6rem\] { min-height: unset !important; }
.progressDiv{ .progressDiv{
position: absolute; position: relative;
height: 20px; height: 20px;
top: -20px;
background: #b4c0cc; background: #b4c0cc;
border-radius: 3px !important; border-radius: 3px !important;
margin-bottom: -3px;
} }
.dark .progressDiv{ .dark .progressDiv{
@ -535,7 +544,7 @@ input[type="range"]{
} }
#quicksettings { #quicksettings {
gap: 0.4em; width: fit-content;
} }
#quicksettings > div, #quicksettings > fieldset{ #quicksettings > div, #quicksettings > fieldset{
@ -545,6 +554,7 @@ input[type="range"]{
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
margin-right: 10px;
} }
#quicksettings > div > div > div > label > span { #quicksettings > div > div > div > label > span {
@ -567,7 +577,7 @@ canvas[key="mask"] {
right: 0.5em; right: 0.5em;
top: -0.6em; top: -0.6em;
z-index: 400; z-index: 400;
width: 8em; width: 6em;
} }
#quicksettings .gr-box > div > div > input.gr-text-input { #quicksettings .gr-box > div > div > input.gr-text-input {
top: -1.12em; top: -1.12em;
@ -665,11 +675,27 @@ canvas[key="mask"] {
#quicksettings .gr-button-tool{ #quicksettings .gr-button-tool{
margin: 0; margin: 0;
border-color: unset;
background-color: unset;
} }
#modelmerger_interp_description>p {
margin: 0!important;
text-align: center;
}
#modelmerger_interp_description {
margin: 0.35rem 0.75rem 1.23rem;
}
#img2img_settings > div.gr-form, #txt2img_settings > div.gr-form { #img2img_settings > div.gr-form, #txt2img_settings > div.gr-form {
padding-top: 0.9em; padding-top: 0.9em;
padding-bottom: 0.9em;
}
#txt2img_settings {
padding-top: 1.16em;
padding-bottom: 0.9em;
}
#img2img_settings {
padding-bottom: 0.9em;
} }
#img2img_settings div.gr-form .gr-form, #txt2img_settings div.gr-form .gr-form, #train_tabs div.gr-form .gr-form{ #img2img_settings div.gr-form .gr-form, #txt2img_settings div.gr-form .gr-form, #train_tabs div.gr-form .gr-form{
@ -741,6 +767,8 @@ footer {
.dark .gr-compact{ .dark .gr-compact{
background-color: rgb(31 41 55 / var(--tw-bg-opacity)); background-color: rgb(31 41 55 / var(--tw-bg-opacity));
align-items: center;
margin-left: 0;
} }
.gr-compact{ .gr-compact{
@ -925,3 +953,6 @@ footer {
color: red; color: red;
} }
[id*='_prompt_container'] > div {
margin: 0!important;
}