Add padding between sidebar tab panel title and content.

y-scope · Sep 18, 2024 · 748a159 · 748a159
1 parent 203f4f2
commit 748a159
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.css b/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.css
@@ -1,3 +1,7 @@
 .sidebar-tab-panel {
     padding: 0.75rem;
 }
+
+.sidebar-tab-panel-title {
+    margin-bottom: 0.5rem !important;
+}
diff --git a/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.tsx b/new-log-viewer/src/components/SidebarContainer/PanelTabs/CustomTabPanel.tsx
@@ -7,6 +7,8 @@ import {
     Typography,
 } from "@mui/joy";
 
+import "./CustomTabPanel.css";
+
 
 interface CustomTabPanelProps {
     children: React.ReactNode,
@@ -29,7 +31,7 @@ const CustomTabPanel = ({children, tabName, title}: CustomTabPanelProps) => {
             className={"sidebar-tab-panel"}
             value={tabName}
         >
-            <DialogTitle>
+            <DialogTitle className={"sidebar-tab-panel-title"}>
                 <Typography
                     fontSize={14}
                     fontWeight={400}