changing font and color of header title
Browse files- S2I/commons/css.py +6 -1
- app.py +4 -3
S2I/commons/css.py
CHANGED
@@ -70,7 +70,7 @@ css = """
|
|
70 |
width: 100%;
|
71 |
max-width: 400px;
|
72 |
font-size: 1.2em;
|
73 |
-
color: #
|
74 |
text-shadow: 1px 1px 2px #000;
|
75 |
}
|
76 |
|
@@ -172,6 +172,11 @@ css = """
|
|
172 |
}
|
173 |
}
|
174 |
|
|
|
|
|
|
|
|
|
|
|
175 |
#title {
|
176 |
font-size: var(--title-font-size);
|
177 |
color: #333;
|
|
|
70 |
width: 100%;
|
71 |
max-width: 400px;
|
72 |
font-size: 1.2em;
|
73 |
+
color: #333;
|
74 |
text-shadow: 1px 1px 2px #000;
|
75 |
}
|
76 |
|
|
|
172 |
}
|
173 |
}
|
174 |
|
175 |
+
#title-container {
|
176 |
+
text-align: center;
|
177 |
+
padding: 2rem 0;
|
178 |
+
}
|
179 |
+
|
180 |
#title {
|
181 |
font-size: var(--title-font-size);
|
182 |
color: #333;
|
app.py
CHANGED
@@ -181,11 +181,12 @@ with gr.Blocks(css=css, theme="NoCrypt/miku@1.2.1") as demo:
|
|
181 |
</div>
|
182 |
</body>
|
183 |
</html>
|
184 |
-
"""
|
|
|
185 |
)
|
186 |
with gr.Row(elem_id="main_row"):
|
187 |
with gr.Column(elem_id="column_input"):
|
188 |
-
gr.Markdown("## SKETCH", elem_id="
|
189 |
image = gr.Sketchpad(
|
190 |
type="pil",
|
191 |
height=512,
|
@@ -207,7 +208,7 @@ with gr.Blocks(css=css, theme="NoCrypt/miku@1.2.1") as demo:
|
|
207 |
)
|
208 |
|
209 |
with gr.Column(elem_id="column_output"):
|
210 |
-
gr.Markdown("## IMAGE GENERATE", elem_id="
|
211 |
result = gr.Image(
|
212 |
label="Result",
|
213 |
height=440,
|
|
|
181 |
</div>
|
182 |
</body>
|
183 |
</html>
|
184 |
+
""",
|
185 |
+
elem_id='title'
|
186 |
)
|
187 |
with gr.Row(elem_id="main_row"):
|
188 |
with gr.Column(elem_id="column_input"):
|
189 |
+
gr.Markdown("## SKETCH", elem_id="input_header")
|
190 |
image = gr.Sketchpad(
|
191 |
type="pil",
|
192 |
height=512,
|
|
|
208 |
)
|
209 |
|
210 |
with gr.Column(elem_id="column_output"):
|
211 |
+
gr.Markdown("## IMAGE GENERATE", elem_id="output_header")
|
212 |
result = gr.Image(
|
213 |
label="Result",
|
214 |
height=440,
|