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

Merge pull request #497 from Irev-Dev/franknoirot/style-tweaks

Browse Source 
minor style tweaks to editor
This commit was merged in pull request #497.
This commit is contained in:
Frank Noirot
2021-09-08 17:23:29 -04:00
committed by GitHub
parent 3f1947a4d9 5b85eec64c
commit 5d128c6cbd
9 changed files with 21 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/web/config/tailwind.config.js
View File

@@ -24,6 +24,7 @@ module.exports = {
760: '#232532', 760: '#232532',
700: '#2A3038', 700: '#2A3038',
600: '#3B3E4B', 600: '#3B3E4B',
550: '#63636A',
500: '#9F9FB4', 500: '#9F9FB4',
400: '#A4A4B0', 400: '#A4A4B0',
300: '#CFCFD8', 300: '#CFCFD8',

2
app/web/src/components/EditorMenu/EditorMenu.tsx
View File

@@ -26,7 +26,7 @@ const EditorMenu = () => {
return ( return (
<div className="flex justify-between bg-ch-gray-760 text-gray-100"> <div className="flex justify-between bg-ch-gray-760 text-gray-100">
<div className="flex items-center h-9 w-full cursor-grab"> <div className="flex items-center h-9 w-full cursor-grab">
<div className=" text-ch-gray-760 bg-ch-gray-300 cursor-grab px-2 h-full flex items-center"> <div className=" text-ch-gray-760 bg-ch-gray-300 cursor-grab px-1.5 h-full flex items-center">
<Svg name="drag-grid" className="w-4 p-px" /> <Svg name="drag-grid" className="w-4 p-px" />
</div> </div>
<div className="grid grid-flow-col-dense gap-6 px-5"> <div className="grid grid-flow-col-dense gap-6 px-5">

4
app/web/src/components/IdeHeader/IdeHeader.tsx
View File

@@ -102,9 +102,9 @@ const IdeHeader = ({
<TopButton <TopButton
onClick={onClick} onClick={onClick}
name="Save Project Image" name="Save Project Image"
className=" bg-ch-gray-300 bg-opacity-70 hover:bg-opacity-90 text-ch-gray-900" className=" bg-ch-blue-650 bg-opacity-30 hover:bg-opacity-80 text-ch-gray-300"
> >
<Svg name="camera" className="w-6 h-6" /> <Svg name="camera" className="w-6 h-6 text-ch-blue-400" />
</TopButton> </TopButton>
)} )}
/> />

8
app/web/src/components/IdeSideBar/IdeSideBar.tsx
View File

@@ -4,17 +4,17 @@ import Svg from 'src/components/Svg/Svg'
const IdeSideBar = () => { const IdeSideBar = () => {
return ( return (
<div className="h-full flex flex-col justify-between"> <div className="h-full flex flex-col justify-between">
<div className="w-16 h-16 flex items-center justify-center bg-ch-gray-900"> <div className="w-14 h-16 flex items-center justify-center bg-ch-gray-900">
<Link to={routes.home()}> <Link to={routes.home()}>
<Svg className="w-12" name="favicon" /> <Svg className="w-12 p-0.5" name="favicon" />
</Link> </Link>
</div> </div>
<button <button
className="text-gray-300 p-2 pb-4 flex justify-center cursor-not-allowed" className="text-gray-300 p-3 pb-6 flex justify-center cursor-not-allowed"
aria-label="IDE settings" aria-label="IDE settings"
disabled disabled
> >
<Svg name="big-gear" /> <Svg name="gear" />
</button> </button>
</div> </div>
) )

2
app/web/src/components/IdeWrapper/IdeWrapper.tsx
View File

@@ -25,7 +25,7 @@ const IdeWrapper = ({ cadPackage }: Props) => {
return ( return (
<div className="h-full flex"> <div className="h-full flex">
<div className="w-16 bg-ch-gray-700 flex-shrink-0"> <div className="w-14 bg-ch-gray-700 flex-shrink-0">
<IdeSideBar /> <IdeSideBar />
</div> </div>
<div className="h-full flex flex-grow flex-col"> <div className="h-full flex flex-grow flex-col">

2
app/web/src/components/NavPlusButton/NavPlusButton.tsx
View File

@@ -20,7 +20,7 @@ const menuOptions: {
const NavPlusButton: React.FC = () => { const NavPlusButton: React.FC = () => {
return ( return (
<Popover className="relative outline-none w-full h-full"> <Popover className="relative outline-none w-full h-full">
<Popover.Button className="h-full w-full outline-none"> <Popover.Button className="h-full w-full outline-none hover:bg-ch-gray-550 border rounded-full">
<Svg name="plus" className="text-gray-200" /> <Svg name="plus" className="text-gray-200" />
</Popover.Button> </Popover.Button>

4
app/web/src/components/PanelToolbar/PanelToolbar.tsx
View File

@@ -23,10 +23,10 @@ const PanelToolbar = ({
aria-label={`${panelName} settings`} aria-label={`${panelName} settings`}
disabled disabled
> >
<Svg name="gear" className="w-7 p-px" /> <Svg name="gear" className="w-7 p-0.5" />
</button> </button>
{mosaicWindowActions.connectDragSource( {mosaicWindowActions.connectDragSource(
<div className=" text-ch-gray-760 bg-ch-gray-300 cursor-grab px-2 h-full flex items-center"> <div className=" text-ch-gray-760 bg-ch-gray-300 cursor-grab px-1.5 h-full flex items-center">
<Svg name="drag-grid" className="w-4 p-px" /> <Svg name="drag-grid" className="w-4 p-px" />
</div> </div>
)} )}

14
app/web/src/components/Svg/Svg.tsx
View File

File diff suppressed because one or more lines are too long

7
app/web/src/index.css
View File

@@ -13,6 +13,13 @@
* END --- TAILWIND GENERATOR EDIT * END --- TAILWIND GENERATOR EDIT
*/ */
@layer base {
body {
font-family: 'Fira Sans', ui-sans-serif, system-ui, -apple-system, system-ui, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
}
.markdown-overrides h4 { .markdown-overrides h4 {
@apply text-lg font-bold; @apply text-lg font-bold;
} }