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 |
|