Spaces:
Running
Running
Update app.css
Browse files
app.css
CHANGED
|
@@ -1,4 +1,3 @@
|
|
| 1 |
-
/* Open GAMMA PPT Generator - UI Styles */
|
| 2 |
|
| 3 |
/* Full width UI */
|
| 4 |
.gradio-container {
|
|
@@ -189,78 +188,3 @@ input[type="checkbox"] {
|
|
| 189 |
font-size: 1em;
|
| 190 |
}
|
| 191 |
}
|
| 192 |
-
|
| 193 |
-
/* Additional animations and effects */
|
| 194 |
-
@keyframes fadeIn {
|
| 195 |
-
from {
|
| 196 |
-
opacity: 0;
|
| 197 |
-
transform: translateY(10px);
|
| 198 |
-
}
|
| 199 |
-
to {
|
| 200 |
-
opacity: 1;
|
| 201 |
-
transform: translateY(0);
|
| 202 |
-
}
|
| 203 |
-
}
|
| 204 |
-
|
| 205 |
-
.gradio-container > * {
|
| 206 |
-
animation: fadeIn 0.5s ease-out;
|
| 207 |
-
}
|
| 208 |
-
|
| 209 |
-
/* Loading spinner improvement */
|
| 210 |
-
.wrap.svelte-1sk0pyu {
|
| 211 |
-
background: rgba(255, 255, 255, 0.9) !important;
|
| 212 |
-
}
|
| 213 |
-
|
| 214 |
-
/* Tooltip styles */
|
| 215 |
-
.tooltip {
|
| 216 |
-
position: relative;
|
| 217 |
-
display: inline-block;
|
| 218 |
-
}
|
| 219 |
-
|
| 220 |
-
.tooltip .tooltiptext {
|
| 221 |
-
visibility: hidden;
|
| 222 |
-
width: 200px;
|
| 223 |
-
background-color: #555;
|
| 224 |
-
color: #fff;
|
| 225 |
-
text-align: center;
|
| 226 |
-
border-radius: 6px;
|
| 227 |
-
padding: 5px;
|
| 228 |
-
position: absolute;
|
| 229 |
-
z-index: 1;
|
| 230 |
-
bottom: 125%;
|
| 231 |
-
left: 50%;
|
| 232 |
-
margin-left: -100px;
|
| 233 |
-
opacity: 0;
|
| 234 |
-
transition: opacity 0.3s;
|
| 235 |
-
}
|
| 236 |
-
|
| 237 |
-
.tooltip:hover .tooltiptext {
|
| 238 |
-
visibility: visible;
|
| 239 |
-
opacity: 1;
|
| 240 |
-
}
|
| 241 |
-
|
| 242 |
-
/* Progress bar styling */
|
| 243 |
-
.progress {
|
| 244 |
-
background: linear-gradient(to right, #667eea 0%, #764ba2 100%);
|
| 245 |
-
height: 4px;
|
| 246 |
-
border-radius: 2px;
|
| 247 |
-
}
|
| 248 |
-
|
| 249 |
-
/* Custom scrollbar */
|
| 250 |
-
::-webkit-scrollbar {
|
| 251 |
-
width: 10px;
|
| 252 |
-
}
|
| 253 |
-
|
| 254 |
-
::-webkit-scrollbar-track {
|
| 255 |
-
background: #f1f1f1;
|
| 256 |
-
border-radius: 5px;
|
| 257 |
-
}
|
| 258 |
-
|
| 259 |
-
::-webkit-scrollbar-thumb {
|
| 260 |
-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
| 261 |
-
border-radius: 5px;
|
| 262 |
-
}
|
| 263 |
-
|
| 264 |
-
::-webkit-scrollbar-thumb:hover {
|
| 265 |
-
background: #667eea;
|
| 266 |
-
}
|
|
|
|
|
|
|
| 1 |
|
| 2 |
/* Full width UI */
|
| 3 |
.gradio-container {
|
|
|
|
| 188 |
font-size: 1em;
|
| 189 |
}
|
| 190 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|