From 91966e9ffa01a256ede7b0b49902587f9d41fcf7 Mon Sep 17 00:00:00 2001 From: tesseractcat Date: Thu, 25 Aug 2022 15:01:08 -0400 Subject: [PATCH] Fix appearance on mobile --- scripts/static/index.css | 20 ++++++++++++++++---- scripts/static/index.html | 5 +++-- 2 files changed, 19 insertions(+), 6 deletions(-) diff --git a/scripts/static/index.css b/scripts/static/index.css index d3674525f6..ed840a056a 100644 --- a/scripts/static/index.css +++ b/scripts/static/index.css @@ -6,16 +6,25 @@ } #search { margin-top: 20vh; + margin-left: auto; + margin-right: auto; + max-width: 800px; + text-align: center; } fieldset { border: none; } +#fieldset-search { + display: flex; +} #prompt { - width: 500px; + flex-grow: 1; + border-radius: 20px 0px 0px 20px; padding: 5px 10px 5px 10px; border: 1px solid black; + border-right: none; outline: none; } #submit { @@ -25,8 +34,8 @@ fieldset { } #results { text-align: center; - padding-left: 20vw; - padding-right: 20vw; + max-width: 1000px; + margin: auto; padding-top: 10px; } img { @@ -35,7 +44,7 @@ img { border-radius: 5px; margin: 10px; } -#generate-config { +#fieldset-config { line-height:2em; } input[type="number"] { @@ -47,3 +56,6 @@ input[type="number"] { hr { width: 200px; } +label { + white-space: nowrap; +} diff --git a/scripts/static/index.html b/scripts/static/index.html index d670dc64f5..55f338688a 100644 --- a/scripts/static/index.html +++ b/scripts/static/index.html @@ -2,6 +2,7 @@ Stable Diffusion WebUI + @@ -11,11 +12,11 @@
-
+ -
+