fix: UI tweaks for session details panel

colehpage · Mar 2, 2024 · 7a30fd3 · 7a30fd3
1 parent 6b761dd
commit 7a30fd3
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/packages/app/src/SessionSidePanel.tsx b/packages/app/src/SessionSidePanel.tsx
@@ -67,15 +67,15 @@ export default function SessionSidePanel({
     <Drawer
       customIdSuffix={`session-side-panel-${sessionId}`}
       duration={0}
-      overlayOpacity={0.2}
+      overlayOpacity={0.5}
       open={sessionId != null}
       onClose={() => {
         if (!subDrawerOpen) {
           onClose();
         }
       }}
       direction="right"
-      size={'85vw'}
+      size={'82vw'}
       style={{ background: '#0F1216' }}
       className="border-start border-dark"
       zIndex={zIndex}
@@ -99,7 +99,7 @@ export default function SessionSidePanel({
                 <span>{session?.sessionCount} Events</span>
               </div>
             </div>
-            <div>
+            <div className="d-flex">
               <CopyToClipboard
                 text={window.location.href}
                 onCopy={() => {
@@ -115,6 +115,14 @@ export default function SessionSidePanel({
                   Share Session
                 </Button>
               </CopyToClipboard>
+              <Button
+                variant="dark"
+                className="text-muted-hover d-flex align-items-center"
+                size="sm"
+                onClick={onClose}
+              >
+                <i className="bi bi-x-lg" />
+              </Button>
             </div>
           </div>
         </div>