fix icons

Author: Aniket-Engg

libs/remix-ui/panel/src/lib/plugins/panel-header.tsx

@@ -105,12 +105,14 @@ const RemixUIPanelHeader = (props: RemixPanelProps) => {
                           <div className="codicon codicon-layout-sidebar-left-dock ms-2 fs-6 fw-bold lh-1" style={{ marginTop: '2px' }}></div>
                         </CustomTooltip>
                       </div>
-                      <CustomTooltip placement="bottom-end" tooltipText={props.isMaximized ? "Restore Panels" : "Maximize Panel"}>
+                      <CustomTooltip placement="bottom-end" tooltipText={props.isMaximized ? "Minimize Panel" : "Maximize Panel"}>
                         <div
-                          className={`codicon ${props.isMaximized ? 'codicon-screen-normal' : 'codicon-screen-full'} ms-2 fs-5 fw-bold`}
+                          className="codicon-screen-icon ms-2"
                           onClick={maximizePanelHandler}
                           data-id="maximizeRightSidePanel"
-                        ></div>
+                        >
+                          {props.isMaximized ? '\ueb4d' : '\ueb4c' /* Actual icons were not being rendered, so used unicode for codicon-screen-full & codicon-screen-normal icons*/ }
+                        </div>
                       </CustomTooltip>
                       <CustomTooltip placement="bottom-end" tooltipText="Hide Panel">
                         <div

libs/remix-ui/panel/src/lib/plugins/panel.css

@@ -6,6 +6,24 @@
     flex: auto;
 }
 
+@font-face {
+    font-family: 'codicon-vscode';
+    font-display: block;
+    src: url('~@vscode/codicons/dist/codicon.ttf') format('truetype');
+}
+
+.codicon-screen-icon {
+    font: normal normal normal 20px/1 'codicon-vscode';
+    display: inline-block;
+    text-decoration: none;
+    text-rendering: auto;
+    text-align: center;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    user-select: none;
+    cursor: pointer;
+}
+
 .swapitTitle {
     margin: 0;
     text-transform: uppercase;