Update app.py

app.py

@@ -224,6 +224,71 @@ if not torch.cuda.is_available():
 MAX_SEED = np.iinfo(np.int32).max
 MAX_IMAGE_SIZE = 4096
 
+css = '''
+.gradio-container {
+    max-width: 560px !important;
+    margin-left: auto !important;
+    margin-right: auto !important;
+}
+h1 {
+    text-align: center;
+}
+.info-text {
+    color: #474a50 !important;
+}
+.block {
+    border-width: 2px !important;
+}
+.form-row-container {
+    gap: 2px;
+}
+.tabs {
+    margin-left: 0 !important;
+    padding-left: 0 !important;
+}
+.tab-item {
+    padding-left: 0 !important;
+    margin-left: 0 !important;
+}
+.tab-nav {
+    margin-left: 0 !important;
+    padding-left: 0 !important;
+}
+
+/* 垂直标签样式 */
+#settings {
+    display: flex !important;
+}
+#settings > div.tab-nav {
+    float: left !important;
+    display: flex !important;
+    flex-direction: column !important;
+    margin-left: 0 !important;
+    width: 10em !important;
+}
+#settings > div.tab-nav button {
+    display: block !important;
+    border: none !important;
+    text-align: left !important;
+    white-space: initial !important;
+    padding: 4px !important;
+}
+#settings > div.tab-content {
+    border: none !important;
+    margin-left: 10em !important;
+    padding: 0 var(--spacing-xl) !important;
+    flex: 1 !important;
+}
+#settings .settings-category {
+    display: block !important;
+    margin: 1em 0 0.25em 0 !important;
+    font-weight: bold !important;
+    text-decoration: underline !important;
+    cursor: default !important;
+    user-select: none !important;
+}
+'''
+
 if torch.cuda.is_available():
     vae = AutoencoderKL.from_pretrained("madebyollin/sdxl-vae-fp16-fix", torch_dtype=torch.float16)
     pipe = StableDiffusionXLPipeline.from_single_file(
@@ -290,12 +355,7 @@ examples = [
     "klee (genshin impact)",
 ]
 
-css = '''
-.gradio-container{max-width: 560px !important}
-h1{text-align:center}
-'''
-
-with gr.Blocks(css=css) as demo:
+with gr.Blocks(css=css, fill_width=True) as demo:
     gr.Markdown("""# 梦羽的模型生成器
         ### 快速生成illustrious_pencil-XL模型的图片""")
     with gr.Group():