Improve File Manger UI scaling
This commit is contained in:
@@ -526,6 +526,7 @@ export function AppView({isTopbarOpen = true}: TerminalViewProps): React.ReactEl
|
|||||||
|
|
||||||
const currentTabData = tabs.find((tab: any) => tab.id === currentTab);
|
const currentTabData = tabs.find((tab: any) => tab.id === currentTab);
|
||||||
const isFileManager = currentTabData?.type === 'file_manager';
|
const isFileManager = currentTabData?.type === 'file_manager';
|
||||||
|
const isSplitScreen = allSplitScreenTab.length > 0;
|
||||||
|
|
||||||
const topMarginPx = isTopbarOpen ? 74 : 26;
|
const topMarginPx = isTopbarOpen ? 74 : 26;
|
||||||
const leftMarginPx = sidebarState === 'collapsed' ? 26 : 8;
|
const leftMarginPx = sidebarState === 'collapsed' ? 26 : 8;
|
||||||
@@ -537,7 +538,7 @@ export function AppView({isTopbarOpen = true}: TerminalViewProps): React.ReactEl
|
|||||||
className="border-2 border-[#303032] rounded-lg overflow-hidden overflow-x-hidden"
|
className="border-2 border-[#303032] rounded-lg overflow-hidden overflow-x-hidden"
|
||||||
style={{
|
style={{
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
background: isFileManager ? '#09090b' : '#18181b',
|
background: (isFileManager && !isSplitScreen) ? '#09090b' : '#18181b',
|
||||||
marginLeft: leftMarginPx,
|
marginLeft: leftMarginPx,
|
||||||
marginRight: 17,
|
marginRight: 17,
|
||||||
marginTop: topMarginPx,
|
marginTop: topMarginPx,
|
||||||
|
|||||||
Reference in New Issue
Block a user