fixed layout and added verification to env variable RUN_ON_SPACES

requirements.txt

@@ -14,8 +14,8 @@ gradio_folderexplorer
 gradio_mediagallery
 gradio_creditspanel
 spaces
-git+https://github.com/DEVAIEXP/sup-toolbox.git@main#egg=sup-toolbox
 optimum-quanto==0.2.7
+git+https://github.com/DEVAIEXP/sup-toolbox.git@main#egg=sup-toolbox
 torch==2.8.0
 torchvision==0.23.0
 torchaudio==2.8.0

ui/style.css

@@ -8,12 +8,21 @@ body {
     padding: 0;
 }
 
+/* Main application container styling */
 /* Main application container styling */
 .gradio-container {
     border-radius: 15px;
-    padding: 10px 10px; 
+    padding: 10px 20px; 
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3); 
-    margin: 40px 350px;
+    margin: 10px;
+}
+
+/* 2. Media Query for larger screens (desktops) */
+@media (min-width: 1281px) {
+    .gradio-container {        
+        padding: 10px 370px;
+        max-width: 2400px;
+    }
 }
 
 /* Text shadow for main headings for better readability */
@@ -22,10 +31,10 @@ body {
 }
 
 /* Utility class to make elements fill their container's width */
-.fillable {
+/* .fillable {
     width: 100% !important;
     max-width: unset !important; 
-}
+} */
 .fillable .sidebar-parent {
     padding-left: 10px !important;
     padding-right: 10px !important;

ui/ui_config.py

@@ -12,6 +12,7 @@
 # See the License for the specific language governing permissions and
 # limitations under the License.
 
+import os
 from dataclasses import dataclass, field
 from typing import List, Literal
 
@@ -23,6 +24,7 @@ from sup_toolbox.config import PAG_LAYERS
 from sup_toolbox.enums import ImageSizeFixMode, SUPIRModel
 from sup_toolbox.utils.system import find_dist_info_files, get_module_file
 
+RUN_ON_SPACES = os.getenv("RUN_ON_SPACES")
 
 LICENSE_PATHS = {
     "NOTICE": "./NOTICE",

ui/ui_events.py

@@ -51,6 +51,7 @@ from ui.ui_config import (
     DEFAULT_PROMPTS,
     RESTORER_CONFIG_MAPPING,
     RESTORER_SHEET_DEPENDENCY_RULES,
+    RUN_ON_SPACES,
     SAMPLER_MAPPING,
     SUPIR_ADVANCED_RULES,
     UPSCALER_CONFIG_MAPPING,
@@ -1555,6 +1556,7 @@ class EventHandlers:
 
                 # 6. Map all pipeline configuration from UI to SUP-Toolbox Pipeline
                 config = self.state.uidata.config
+                config.running_on_spaces = True if RUN_ON_SPACES == "True" else False
                 config.restorer_engine, config.upscaler_engine = (
                     RestorerEngine.from_str(res_engine),
                     UpscalerEngine.from_str(ups_engine),