Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -105,8 +105,8 @@ class GradioInterface:
|
|
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,25 +122,30 @@ class GradioInterface:
|
|
122 |
font-size: 1.2em;
|
123 |
}
|
124 |
|
125 |
-
/*
|
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-
|
132 |
-
border:
|
133 |
-
background:
|
134 |
-
|
|
|
135 |
}
|
136 |
|
137 |
-
/*
|
138 |
-
|
139 |
-
|
140 |
-
|
|
|
|
|
|
|
|
|
|
|
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 |
-
/*
|
152 |
-
|
153 |
-
|
154 |
-
|
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 |
|