openfree commited on
Commit
08f603c
·
verified ·
1 Parent(s): b05efd9

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +49 -1
app.py CHANGED
@@ -55,12 +55,60 @@ def infer(
55
 
56
  examples = [
57
  "A capybara wearing a suit holding a sign that reads Hello World",
 
 
 
 
 
58
  ]
59
 
60
  css = """
 
 
 
 
 
 
61
  #col-container {
62
  margin: 0 auto;
63
  max-width: 640px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
64
  }
65
  """
66
 
@@ -150,4 +198,4 @@ with gr.Blocks(theme="apriel", css=css) as demo:
150
  )
151
 
152
  if __name__ == "__main__":
153
- demo.launch()
 
55
 
56
  examples = [
57
  "A capybara wearing a suit holding a sign that reads Hello World",
58
+ "A serene mountain lake at sunset with cherry blossoms floating on the water",
59
+ "A magical crystal dragon with iridescent scales in a glowing forest",
60
+ "A Victorian steampunk teapot with intricate brass gears and rose gold accents",
61
+ "A futuristic neon cityscape with flying cars and holographic billboards",
62
+ "A red panda painter creating a masterpiece with tiny paws in an art studio",
63
  ]
64
 
65
  css = """
66
+ body {
67
+ background: linear-gradient(135deg, #f9e2e6 0%, #e8f3fc 50%, #e2f9f2 100%);
68
+ background-attachment: fixed;
69
+ min-height: 100vh;
70
+ }
71
+
72
  #col-container {
73
  margin: 0 auto;
74
  max-width: 640px;
75
+ background-color: rgba(255, 255, 255, 0.85);
76
+ border-radius: 16px;
77
+ box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
78
+ padding: 24px;
79
+ backdrop-filter: blur(10px);
80
+ }
81
+
82
+ .gradio-container {
83
+ background: transparent !important;
84
+ }
85
+
86
+ .gr-button-primary {
87
+ background: linear-gradient(90deg, #6b9dfc, #8c6bfc) !important;
88
+ border: none !important;
89
+ transition: all 0.3s ease;
90
+ }
91
+
92
+ .gr-button-primary:hover {
93
+ transform: translateY(-2px);
94
+ box-shadow: 0 5px 15px rgba(108, 99, 255, 0.3);
95
+ }
96
+
97
+ .gr-form {
98
+ border-radius: 12px;
99
+ background-color: rgba(255, 255, 255, 0.7);
100
+ }
101
+
102
+ .gr-accordion {
103
+ border-radius: 12px;
104
+ overflow: hidden;
105
+ }
106
+
107
+ h1 {
108
+ background: linear-gradient(90deg, #6b9dfc, #8c6bfc);
109
+ -webkit-background-clip: text;
110
+ -webkit-text-fill-color: transparent;
111
+ font-weight: 800;
112
  }
113
  """
114
 
 
198
  )
199
 
200
  if __name__ == "__main__":
201
+ demo.launch()