add style for custom name

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/AiAssistantManagementHome.tsx

@@ -24,12 +24,12 @@ export const AiAssistantManagementHome = (props: Props): JSX.Element => {
 
       <div className="px-4">
         <ModalBody>
-          <div className="mb-4">
+          <div className="mb-4 growi-ai-assistant-name">
             <Input
               type="text"
               placeholder="アシスタント名を入力"
               bsSize="lg"
-              className="border-0 border-bottom border-primary px-0 rounded-0 shadow-none"
+              className="border-0 border-bottom border-2 px-0 rounded-0"
             />
           </div>
 

apps/app/src/features/openai/client/components/AiAssistant/AiAssistantManagementModal/AiAssistantManagementModal.module.scss

@@ -1,8 +1,15 @@
 @use '@growi/core-styles/scss/variables/growi-official-colors';
+@use '@growi/core-styles/scss/bootstrap/init' as bs;
 
 // == Colors
 .grw-ai-assistant-management :global {
   .growi-ai-assistant-icon {
     color: growi-official-colors.$growi-ai-purple;
   }
+  .growi-ai-assistant-name {
+    .form-control:focus {
+      border-color: var(--bs-primary) !important;
+      box-shadow: none;
+    }
+  }
 }