Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
@@ -15,7 +15,7 @@ examples = [
|
|
15 |
["Fantasy dragon", None]
|
16 |
]
|
17 |
|
18 |
-
# Custom CSS for
|
19 |
custom_css = """
|
20 |
/* Remove border and background color for the output image preview */
|
21 |
.output-image {
|
@@ -23,14 +23,14 @@ custom_css = """
|
|
23 |
background: none !important;
|
24 |
}
|
25 |
|
26 |
-
/* Prompt textbox styling with professional look */
|
27 |
input[type="text"] {
|
28 |
-
border: 2px solid #007bff;
|
29 |
border-radius: 8px;
|
30 |
padding: 12px;
|
31 |
font-size: 16px;
|
32 |
width: 100%;
|
33 |
-
background-color: #f0f8ff; /* Light
|
34 |
}
|
35 |
|
36 |
/* Examples arranged in a single line, without buttons */
|
@@ -59,7 +59,7 @@ input[type="text"] {
|
|
59 |
/* Styling for the generate and clear buttons */
|
60 |
button {
|
61 |
border-radius: 50px;
|
62 |
-
background: linear-gradient(90deg, #007bff, #00d4ff); /* Blue gradient */
|
63 |
color: white;
|
64 |
font-weight: bold;
|
65 |
padding: 10px 20px;
|
@@ -87,7 +87,7 @@ interface = gr.Interface(
|
|
87 |
description="Enter a creative prompt or choose an example to generate your AI-powered image. Model performance may vary due to CPU usage.",
|
88 |
)
|
89 |
|
90 |
-
# Add
|
91 |
interface.add_button("Generate", variant="primary")
|
92 |
interface.add_button("Clear", variant="secondary")
|
93 |
|
|
|
15 |
["Fantasy dragon", None]
|
16 |
]
|
17 |
|
18 |
+
# Custom CSS for buttons and prompt box styling
|
19 |
custom_css = """
|
20 |
/* Remove border and background color for the output image preview */
|
21 |
.output-image {
|
|
|
23 |
background: none !important;
|
24 |
}
|
25 |
|
26 |
+
/* Prompt textbox styling with a professional look */
|
27 |
input[type="text"] {
|
28 |
+
border: 2px solid #007bff; /* Blue border */
|
29 |
border-radius: 8px;
|
30 |
padding: 12px;
|
31 |
font-size: 16px;
|
32 |
width: 100%;
|
33 |
+
background-color: #f0f8ff; /* Light background for professionalism */
|
34 |
}
|
35 |
|
36 |
/* Examples arranged in a single line, without buttons */
|
|
|
59 |
/* Styling for the generate and clear buttons */
|
60 |
button {
|
61 |
border-radius: 50px;
|
62 |
+
background: linear-gradient(90deg, #007bff, #00d4ff); /* Blue gradient mix */
|
63 |
color: white;
|
64 |
font-weight: bold;
|
65 |
padding: 10px 20px;
|
|
|
87 |
description="Enter a creative prompt or choose an example to generate your AI-powered image. Model performance may vary due to CPU usage.",
|
88 |
)
|
89 |
|
90 |
+
# Add Generate and Clear buttons
|
91 |
interface.add_button("Generate", variant="primary")
|
92 |
interface.add_button("Clear", variant="secondary")
|
93 |
|