diff --git a/src/renderer/components/Toolbar/AnalysisToolbar.tsx b/src/renderer/components/Toolbar/AnalysisToolbar.tsx index 5863dac..2b44b57 100644 --- a/src/renderer/components/Toolbar/AnalysisToolbar.tsx +++ b/src/renderer/components/Toolbar/AnalysisToolbar.tsx @@ -340,8 +340,11 @@ export function AnalysisToolbar(): JSX.Element { )} {activeFilePath && ( - - {activeFilePath.split('/').pop()?.replace(/\.md$/, '')} + + {(() => { + const name = activeFilePath.split('/').pop()?.replace(/\.md$/, '') ?? '' + return name.length > 30 ? name.slice(0, 30) + '…' : name + })()} )} diff --git a/src/renderer/components/Toolbar/Toolbar.css b/src/renderer/components/Toolbar/Toolbar.css index 78ba1e0..45ce45d 100644 --- a/src/renderer/components/Toolbar/Toolbar.css +++ b/src/renderer/components/Toolbar/Toolbar.css @@ -22,6 +22,7 @@ align-items: center; gap: 10px; overflow: hidden; + flex-shrink: 0; } .toolbar-btn { @@ -93,7 +94,7 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - max-width: 260px; + width: 180px; } .toolbar-fontsize {