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',
700: '#2A3038',
600: '#3B3E4B',
550: '#63636A',
500: '#9F9FB4',
400: '#A4A4B0',
300: '#CFCFD8',

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

@@ -26,7 +26,7 @@ const EditorMenu = () => {
return (
<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=" 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" />
</div>
<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
onClick={onClick}
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>
)}
/>

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

@@ -4,17 +4,17 @@ import Svg from 'src/components/Svg/Svg'
const IdeSideBar = () => {
return (
<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()}>
<Svg className="w-12" name="favicon" />
<Svg className="w-12 p-0.5" name="favicon" />
</Link>
</div>
<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"
disabled
>
<Svg name="big-gear" />
<Svg name="gear" />
</button>
</div>
)

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

@@ -25,7 +25,7 @@ const IdeWrapper = ({ cadPackage }: Props) => {
return (
<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 />
</div>
<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 = () => {
return (
<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" />
</Popover.Button>

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

@@ -23,10 +23,10 @@ const PanelToolbar = ({
aria-label={`${panelName} settings`}
disabled
>
<Svg name="gear" className="w-7 p-px" />
<Svg name="gear" className="w-7 p-0.5" />
</button>
{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" />
</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
*/
@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 {
@apply text-lg font-bold;
}