Merge branch 'master' into ai-code-format

apps/remix-ide/src/app/components/popup-panel.tsx

@@ -89,10 +89,10 @@ export class PopupPanel extends AbstractPanel {
       <div
         className={`px-0 bg-light border-info ${appState?.showPopupPanel ? 'd-flex' : 'd-none'}`}
         style={{
-          maxHeight: '40rem',
-          maxWidth: '25rem',
-          width: 'max-content',
-          height: '40rem',
+          maxHeight: '100rem',
+          minWidth: '22rem',
+          width: '30%',
+          height: '80%',
           position: 'fixed',
           bottom: '2rem',
           right: '1.5rem',
@@ -101,7 +101,7 @@ export class PopupPanel extends AbstractPanel {
         }}
         data-id="popupPanelPluginsContainer"
       >
-        <div className='d-flex flex-column'>
+        <div className='d-flex w-100 flex-column'>
           <RemixPluginPanel
             header={
               <span id='popupPanelToggle' className='d-flex flex-row'>

apps/remix-ide/src/app/plugins/remixAIPlugin.tsx

@@ -235,8 +235,6 @@ export class RemixAIPlugin extends ViewPlugin {
       data-id='aichat-view'
       style={{
         minHeight: 'max-content',
-        maxWidth: '25rem',
-        width: '24rem',
       }}
     >
       <PluginViewWrapper plugin={this} />

libs/remix-ui/remix-ai/src/lib/components/color.css

@@ -116,4 +116,4 @@
 
     --nlux-comp-composer > textarea {padding: 10px;};
 
-}
+}