fix css

Author: joeizang

apps/remix-ide/src/app/plugins/remix-ai-assistant.tsx

@@ -38,7 +38,11 @@ export class RemixAIAssistant extends ViewPlugin {
   }
 
   async onActivation() {
-    this.call('sidePanel', 'pinView', this.profile)
+    const currentActivePlugin = await this.call('pinnedPanel', 'currentFocus')
+    if (currentActivePlugin === 'remixaiassistant') {
+      this.call('sidePanel', 'pinView', this.profile)
+      await this.call('layout', 'maximiseSidePanel')
+    }
   }
 
   onDeactivation() {

libs/remix-ui/remix-ai-assistant/src/components/prompt.tsx

@@ -45,7 +45,7 @@ export const PromptArea: React.FC<PromptAreaProps> = ({
 }) => {
   return (
     <div
-      className="prompt-area d-flex flex-column gap-2 p-2"
+      className="prompt-area d-flex flex-column gap-2 p-2 mx-2"
       style={{
         background: 'rgba(255,255,255,0.04)', // same dark tone as input row
         borderRadius: '4px'
@@ -151,18 +151,18 @@ export const PromptArea: React.FC<PromptAreaProps> = ({
         <button
           onClick={handleAddContext}
           data-id="composer-ai-add-context"
-          className={`btn mr-2 ${showContextOptions ? 'btn-primary' : 'btn-dark'}`}
+          className={`btn mr-2 ${showContextOptions ? 'btn-dark' : 'btn-text'}`}
         >
-          @Add context&nbsp;
-          <i className={`fa fa-caret-${showContextOptions ? 'down' : 'up'}`}></i>
+          Add context&nbsp;
+          {/* <i className={`fa fa-caret-${showContextOptions ? 'down' : 'up'}`}></i> */}
         </button>
 
         <button
           onClick={handleSetAssistant}
-          className={`btn mr-2 ${showAssistantOptions ? 'btn-primary' : 'btn-dark'}`}
+          className={`btn mr-2 ${showAssistantOptions ? 'btn-dark' : 'btn-text'}`}
         >
           @Set assistant&nbsp;
-          <i className={`fa fa-caret-${showAssistantOptions ? 'down' : 'up'}`}></i>
+          {/* <i className={`fa fa-caret-${showAssistantOptions ? 'down' : 'up'}`}></i> */}
         </button>
 
         <button
@@ -200,7 +200,7 @@ export const PromptArea: React.FC<PromptAreaProps> = ({
             return (
               <span
                 key={f}
-                className="badge badge-pill badge-secondary mr-1 aiContext-file"
+                className="badge badge-info mr-1 aiContext-file text-success"
                 style={{ cursor: 'pointer' }}
                 onClick={clearContext}
               >
@@ -211,7 +211,7 @@ export const PromptArea: React.FC<PromptAreaProps> = ({
           })}
           {contextFiles.length > 6 && (
             <span
-              className="badge badge-pill badge-secondary"
+              className="badge badge-info"
               style={{ cursor: 'pointer' }}
               onClick={clearContext}
             >