mobile auto-height preview img

html/footer.html

@@ -2,7 +2,7 @@
 	<ul class="footer-links">
 		
 		<li>
-			<a href="https://github.com/anapnoe/stable-diffusion-webui" data-tooltip="Use via API" data-position="top" class="top">
+			<a href="/docs" data-tooltip="Use via API" data-position="top" class="top">
 				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M6.2,9.6c0.5-0.7,1-1.4,1.6-2c3.1-3.1,7.5-4,11.1-2.5c1.4,3.6,0.6,8-2.5,11.1c-0.6,0.6-1.3,1.1-2,1.6l0.1,2.3c0,0.2-0.1,0.4-0.3,0.4l-4,1c-0.2,0.1-0.5-0.1-0.5-0.3c0,0,0-0.1,0-0.1v-2.7c0-0.2-0.1-0.4-0.3-0.6l-3.2-3.2c-0.2-0.2-0.4-0.3-0.6-0.3H2.9c-0.2,0-0.4-0.2-0.4-0.4c0,0,0-0.1,0-0.1l1-4c0.1-0.2,0.2-0.3,0.4-0.3C3.9,9.5,6.2,9.6,6.2,9.6zM12.1,11.9c0.7,0.7,1.8,0.7,2.4,0c0.7-0.7,0.7-1.8,0-2.4c-0.7-0.7-1.8-0.7-2.4,0C11.4,10.2,11.4,11.3,12.1,11.9z"/></svg>				
 			</a>
 		</li>
@@ -61,7 +61,8 @@
 					<i></i>
 				</div>
 			</div>			
-		</li>	
+		</li>
+		
 	</ul>
 </div> 
 
@@ -69,4 +70,3 @@
 
 
 
-

style.css

@@ -2475,7 +2475,52 @@ ul.list-none {
 		margin-bottom: 20px;
 	}
 	
- 
+	[id$="2img_hr_scale"]
+	{
+		flex-basis: 100% !important;	
+	}
+	
+
+
+	[id$="2img_gallery"] div.modify-upload{
+		position:absolute;
+	}
+	
+	[id$="2img_gallery"],	
+	[id$="2img_gallery"] div>img,
+	[id$="2img_gallery"] div.backdrop-blur,
+	[id$="2img_gallery"] img+div.overflow-x-scroll{
+		position:relative;
+		height: auto !important;
+		min-height: auto;
+		border-radius: 0 !important;
+	}
+	
+	[id$="2img_gallery"],	
+	[id$="2img_gallery"] div>img,
+	[id$="2img_gallery"] div.backdrop-blur
+	{
+		max-height: unset !important;
+	}
+	
+	[id$="2img_gallery"] .overflow-y-auto {
+		min-height: auto !important;
+	}
+	
+	.livePreview img{
+		object-position:top;
+		border-radius: 0 !important;
+	}
+	
+	.livePreview {  
+		width: calc(100% - 10px) !important;   
+		top: 4px;
+		left: 5px;
+		border-radius: 0 !important;
+		max-height: unset !important;
+	}
+	
+
 }