Mirrors/Stirling-PDF
Mirrors/Stirling-PDF
1
0
Fork 0
mirror of https://github.com/Frooodle/Stirling-PDF.git synced 2025-12-18 20:04:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: extend fullscreen catalog without hiding picker

Browse Source
This commit is contained in:
Anthony Stirling 2025-10-04 23:22:28 +01:00
parent 41cea1d50a
commit 8a234cf1d8
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/tools/ToolPanel.tsx
View File

@ -49,6 +49,8 @@ export default function ToolPanel() {
setToolPanelMode(isFullscreenMode ? 'sidebar' : 'fullscreen');
};
const reservedDesktopWidth = '8.5rem';
const computedWidth = () => {
if (isMobile) {
return '100%';
@ -56,7 +58,7 @@ export default function ToolPanel() {
if (isFullscreenMode) {
if (isCatalogActive) {
return 'clamp(32rem, 48vw, 56rem)';
return `calc(100vw - ${reservedDesktopWidth})`;
}
if (leftPanelView === 'toolContent' && isPanelVisible) {
@ -78,6 +80,7 @@ export default function ToolPanel() {
} ${isMobile ? 'h-full border-r-0' : 'h-screen'} ${isCatalogActive ? 'tool-panel--catalog' : ''}`}
style={{
width: computedWidth(),
maxWidth: isCatalogActive ? `calc(100vw - ${reservedDesktopWidth})` : undefined,
padding: '0',
}}
>

2
frontend/src/components/tools/ToolPanelOverlay.tsx
View File

@ -71,7 +71,7 @@ export default function ToolPanelOverlay() {
const handleClose = () => {
setSearchQuery('');
setLeftPanelView(selectedToolKey ? 'toolContent' : 'hidden');
setLeftPanelView(selectedToolKey ? 'toolContent' : 'toolPicker');
};
const toggleLabel = toolPanelMode === 'fullscreen'