LuigiLui commited on
Commit
bf26324
·
verified ·
1 Parent(s): 890a58c

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +6 -6
app.py CHANGED
@@ -15,7 +15,7 @@ examples = [
15
  ["Fantasy dragon", None]
16
  ]
17
 
18
- # Custom CSS for button styling and improved prompt box design
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 professional background */
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 buttons to the interface
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