baconnier commited on
Commit
67cc8f7
1 Parent(s): b7b0541

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +21 -27
app.py CHANGED
@@ -105,8 +105,8 @@ class GradioInterface:
105
  .container {
106
  border: 2px solid #2196F3;
107
  border-radius: 10px;
108
- padding: 12px; /* Reduced padding */
109
- margin: 6px; /* Reduced margin between containers */
110
  background: white;
111
  position: relative;
112
  }
@@ -122,25 +122,30 @@ class GradioInterface:
122
  font-size: 1.2em;
123
  }
124
 
125
- /* Remove all input borders and backgrounds */
126
  .gradio-container input,
127
  .gradio-container textarea,
128
  .gradio-container select,
129
  .gradio-container .gr-box,
130
  .gradio-container .gr-input,
131
- .gradio-container .gr-panel {
132
- border: none !important;
133
- background: transparent !important;
134
- box-shadow: none !important;
 
135
  }
136
 
137
- /* Remove focus outlines */
138
- *:focus {
139
- outline: none !important;
140
- box-shadow: none !important;
 
 
 
 
 
141
  }
142
 
143
- /* Container labels */
144
  .title-container::before { content: ''; }
145
  .input-container::before { content: 'PROMPT REFINEMENT'; }
146
  .analysis-container::before { content: 'ANALYSIS & REFINEMENT'; }
@@ -148,21 +153,10 @@ class GradioInterface:
148
  .results-container::before { content: 'RESULTS'; }
149
  .examples-container::before { content: 'EXAMPLES'; }
150
 
151
- /* Radio group styling */
152
- .radio-group {
153
- display: flex;
154
- gap: 8px;
155
- margin: 6px 0;
156
- }
157
-
158
- /* Remove gradio container borders */
159
- .gradio-container {
160
- border: none !important;
161
- }
162
-
163
- /* Remove any remaining borders */
164
- .container * {
165
- border-color: transparent !important;
166
  }
167
  """
168
 
 
105
  .container {
106
  border: 2px solid #2196F3;
107
  border-radius: 10px;
108
+ padding: 12px;
109
+ margin: 6px;
110
  background: white;
111
  position: relative;
112
  }
 
122
  font-size: 1.2em;
123
  }
124
 
125
+ /* Add light gray border to input fields */
126
  .gradio-container input,
127
  .gradio-container textarea,
128
  .gradio-container select,
129
  .gradio-container .gr-box,
130
  .gradio-container .gr-input,
131
+ .gradio-container .gr-text-input {
132
+ border: 1px solid #ddd !important;
133
+ background: white !important;
134
+ border-radius: 4px !important;
135
+ padding: 8px !important;
136
  }
137
 
138
+ /* Style radio buttons container */
139
+ .radio-group {
140
+ display: flex;
141
+ gap: 8px;
142
+ margin: 6px 0;
143
+ padding: 8px;
144
+ border: 1px solid #ddd;
145
+ border-radius: 4px;
146
+ background: white;
147
  }
148
 
 
149
  .title-container::before { content: ''; }
150
  .input-container::before { content: 'PROMPT REFINEMENT'; }
151
  .analysis-container::before { content: 'ANALYSIS & REFINEMENT'; }
 
153
  .results-container::before { content: 'RESULTS'; }
154
  .examples-container::before { content: 'EXAMPLES'; }
155
 
156
+ /* Remove focus outlines but keep borders */
157
+ *:focus {
158
+ outline: none !important;
159
+ border-color: #2196F3 !important;
 
 
 
 
 
 
 
 
 
 
 
160
  }
161
  """
162