Update app.py

app.py

@@ -143,6 +143,39 @@ h1 {
 footer {
     visibility: hidden;
 }
+
+/* Spinning animation for the star symbol in the placeholder */
+@keyframes spin {
+    from {
+        transform: rotate(0deg);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+/* Apply animation to the placeholder text */
+.prompt-input::placeholder {
+    color: #000;
+    opacity: 1;
+}
+
+/* Target the star symbol specifically using a pseudo-element */
+.prompt-input::-webkit-input-placeholder::before {
+    content: "✦︎ ";
+    display: inline-block;
+    animation: spin 2s linear infinite;
+}
+.prompt-input::-moz-placeholder::before {
+    content: "✦︎ ";
+    display: inline-block;
+    animation: spin 2s linear infinite;
+}
+.prompt-input:-ms-input-placeholder::before {
+    content: "✦︎ ";
+    display: inline-block;
+    animation: spin 2s linear infinite;
+}
 '''
 
 # Gradio interface
@@ -155,6 +188,7 @@ with gr.Blocks(css=css, theme="bethecloud/storj_theme") as demo:
             max_lines=1,
             placeholder="✦︎ Enter your prompt",
             container=False,
+            elem_classes="prompt-input",
         )
         run_button = gr.Button("Run", scale=0, variant="primary")
     result = gr.Gallery(label="Result", columns=1, show_label=False, preview=True)