h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Make the ide more full screen like

Browse Source
This commit is contained in:
Kurt Hutten
2021-03-21 15:30:27 +11:00
parent fef69917f5
commit ab394ed564
4 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/IdeContainer/IdeContainer.js
View File

@@ -32,7 +32,7 @@ const IdeContainer = () => {
} }
return ( return (
<div id="cadhub-ide" className="h-screen"> <div id="cadhub-ide" className="flex-auto h-full">
<Mosaic <Mosaic
renderTile={(id, path) => ( renderTile={(id, path) => (
<MosaicWindow path={path} title={id} className={id.toLowerCase()}> <MosaicWindow path={path} title={id} className={id.toLowerCase()}>

2
web/src/components/IdeToolbarNew/IdeToolbarNew.js
View File

@@ -24,7 +24,7 @@ const IdeToolbarNew = () => {
return ( return (
<IdeContext.Provider value={{ state, dispatch }}> <IdeContext.Provider value={{ state, dispatch }}>
<div className="p-8 border-2"> <div className="h-full flex flex-col">
<nav className="flex"> <nav className="flex">
{/* <button {/* <button
onClick={() => setIdeType('openCascade')} onClick={() => setIdeType('openCascade')}

2
web/src/layouts/MainLayout/MainLayout.js
View File

@@ -95,7 +95,7 @@ const MainLayout = ({ children, shouldRemoveFooterInIde }) => {
} }
}, [hash, client]) // complaining about not having addMessage, however adding it puts useEffect into a loop }, [hash, client]) // complaining about not having addMessage, however adding it puts useEffect into a loop
return ( return (
<div className="h-full"> <div>
<header id="cadhub-main-header"> <header id="cadhub-main-header">
<nav className="flex justify-between h-20 px-12 bg-gradient-to-r from-gray-900 to-indigo-900"> <nav className="flex justify-between h-20 px-12 bg-gradient-to-r from-gray-900 to-indigo-900">
<ul className="flex items-center"> <ul className="flex items-center">

42
web/src/pages/DevIdePage/DevIdePage.js
View File

@@ -5,27 +5,31 @@ import OutBound from 'src/components/OutBound'
const DevIdePage = () => { const DevIdePage = () => {
return ( return (
<MainLayout> <div className="h-screen flex flex-col">
<Seo <MainLayout shouldRemoveFooterInIde>
title="new ide in development" <Seo
description="new ide in development" title="new ide in development"
lang="en-US" description="new ide in development"
/> lang="en-US"
<div className="py-4 bg-pink-200"> />
<div className="mx-auto max-w-6xl"> <div className="py-4 bg-pink-200">
Woah, woah. You shouldn't be here! We're still working on this. Since <div className="mx-auto max-w-6xl">
you've seen it now, have a look what{' '} Woah, woah. You shouldn't be here! We're still working on this.
<OutBound Since you've seen it now, have a look what{' '}
className="text-pink-700" <OutBound
to="https://github.com/Irev-Dev/cadhub/discussions/212" className="text-pink-700"
> to="https://github.com/Irev-Dev/cadhub/discussions/212"
we've got planned >
</OutBound> we've got planned
. </OutBound>
.
</div>
</div> </div>
</MainLayout>
<div className="flex-auto">
<IdeToolbar />
</div> </div>
<IdeToolbar /> </div>
</MainLayout>
) )
} }