Upload app.py with huggingface_hub
Browse files
app.py
CHANGED
|
@@ -95,6 +95,8 @@ custom_css = """
|
|
| 95 |
html {
|
| 96 |
scroll-behavior: smooth;
|
| 97 |
-webkit-text-size-adjust: 100%;
|
|
|
|
|
|
|
| 98 |
}
|
| 99 |
|
| 100 |
body {
|
|
@@ -107,6 +109,9 @@ body {
|
|
| 107 |
-webkit-font-smoothing: antialiased !important;
|
| 108 |
-moz-osx-font-smoothing: grayscale !important;
|
| 109 |
overflow-x: hidden !important;
|
|
|
|
|
|
|
|
|
|
| 110 |
}
|
| 111 |
|
| 112 |
/* ─── Grain Overlay ────────────────────────────────────────────────────────── */
|
|
@@ -126,24 +131,42 @@ body::before {
|
|
| 126 |
body::after {
|
| 127 |
content: '';
|
| 128 |
position: fixed;
|
| 129 |
-
top: -
|
| 130 |
left: 50%;
|
| 131 |
transform: translateX(-50%);
|
| 132 |
-
width:
|
| 133 |
-
height:
|
| 134 |
background: radial-gradient(ellipse at center, var(--accent-soft) 0%, transparent 70%);
|
| 135 |
pointer-events: none;
|
| 136 |
z-index: -1;
|
| 137 |
-
opacity: 0.
|
| 138 |
}
|
| 139 |
|
| 140 |
/* ─── Gradio Container ─────────────────────────────────────────────────────── */
|
| 141 |
-
.gradio-container
|
| 142 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 143 |
.gradio-container > .main > .wrap {
|
| 144 |
background: transparent !important;
|
| 145 |
padding: 0 !important;
|
| 146 |
max-width: 100% !important;
|
|
|
|
|
|
|
|
|
|
| 147 |
}
|
| 148 |
|
| 149 |
/* ─── Navbar / Top Bar ─────────────────────────────────────────────────────── */
|
|
@@ -789,7 +812,7 @@ document.addEventListener('DOMContentLoaded', () => {
|
|
| 789 |
|
| 790 |
# ─── App ──────────────────────────────────────────────────────────────────────
|
| 791 |
with gr.Blocks(
|
| 792 |
-
fill_height=
|
| 793 |
css=custom_css,
|
| 794 |
js=custom_js,
|
| 795 |
title="Yuuki-RxG",
|
|
|
|
| 95 |
html {
|
| 96 |
scroll-behavior: smooth;
|
| 97 |
-webkit-text-size-adjust: 100%;
|
| 98 |
+
overflow-y: auto !important;
|
| 99 |
+
overflow-x: hidden !important;
|
| 100 |
}
|
| 101 |
|
| 102 |
body {
|
|
|
|
| 109 |
-webkit-font-smoothing: antialiased !important;
|
| 110 |
-moz-osx-font-smoothing: grayscale !important;
|
| 111 |
overflow-x: hidden !important;
|
| 112 |
+
overflow-y: auto !important;
|
| 113 |
+
min-height: 100vh !important;
|
| 114 |
+
height: auto !important;
|
| 115 |
}
|
| 116 |
|
| 117 |
/* ─── Grain Overlay ────────────────────────────────────────────────────────── */
|
|
|
|
| 131 |
body::after {
|
| 132 |
content: '';
|
| 133 |
position: fixed;
|
| 134 |
+
top: -30%;
|
| 135 |
left: 50%;
|
| 136 |
transform: translateX(-50%);
|
| 137 |
+
width: 100vw;
|
| 138 |
+
height: 60vh;
|
| 139 |
background: radial-gradient(ellipse at center, var(--accent-soft) 0%, transparent 70%);
|
| 140 |
pointer-events: none;
|
| 141 |
z-index: -1;
|
| 142 |
+
opacity: 0.4;
|
| 143 |
}
|
| 144 |
|
| 145 |
/* ─── Gradio Container ─────────────────────────────────────────────────────── */
|
| 146 |
+
.gradio-container {
|
| 147 |
+
background: transparent !important;
|
| 148 |
+
padding: 0 !important;
|
| 149 |
+
max-width: 100% !important;
|
| 150 |
+
margin: 0 !important;
|
| 151 |
+
height: auto !important;
|
| 152 |
+
min-height: auto !important;
|
| 153 |
+
}
|
| 154 |
+
|
| 155 |
+
.gradio-container > .main {
|
| 156 |
+
background: transparent !important;
|
| 157 |
+
padding: 0 !important;
|
| 158 |
+
max-width: 100% !important;
|
| 159 |
+
margin: 0 !important;
|
| 160 |
+
height: auto !important;
|
| 161 |
+
}
|
| 162 |
+
|
| 163 |
.gradio-container > .main > .wrap {
|
| 164 |
background: transparent !important;
|
| 165 |
padding: 0 !important;
|
| 166 |
max-width: 100% !important;
|
| 167 |
+
margin: 0 !important;
|
| 168 |
+
height: auto !important;
|
| 169 |
+
max-height: none !important;
|
| 170 |
}
|
| 171 |
|
| 172 |
/* ─── Navbar / Top Bar ─────────────────────────────────────────────────────── */
|
|
|
|
| 812 |
|
| 813 |
# ─── App ──────────────────────────────────────────────────────────────────────
|
| 814 |
with gr.Blocks(
|
| 815 |
+
fill_height=False,
|
| 816 |
css=custom_css,
|
| 817 |
js=custom_js,
|
| 818 |
title="Yuuki-RxG",
|