alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(flows): font sizes

Browse Source
This commit is contained in:
moklick
2020-10-06 14:06:29 +02:00
parent b285ca75c6
commit 323bccd84a
3 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/HeroFlow/ColorPickerNode.js
-1
View File
@@ -8,7 +8,6 @@ const ColorPickerNodeWrapper = styled.div`
padding: 10px; padding: 10px;
background: white; background: white;
border: 1px solid ${getThemeColor('violet')}; border: 1px solid ${getThemeColor('violet')};
font-size: 12px;
border-radius: 4px; border-radius: 4px;
box-shadow: ${(p) => box-shadow: ${(p) =>
p.selected ? `0 0 0 0.25px ${p.theme.colors.violet}` : 'none'}; p.selected ? `0 0 0 0.25px ${p.theme.colors.violet}` : 'none'};
website/src/components/HeroFlow/index.js
+3 -2
View File
@@ -14,9 +14,9 @@ const getOffset = () => {
if (isSmallScreen) { if (isSmallScreen) {
return 0; return 0;
} else if (windowWidth < 1200) { } else if (windowWidth < 1200) {
return 405; return 425;
} else { } else {
return (windowWidth - 1200) / 2 + 450; return (windowWidth - 1200) / 2 + 500;
} }
}; };
@@ -115,6 +115,7 @@ export default () => {
sourcePosition: 'right', sourcePosition: 'right',
position: { x: getColorNodeX(), y: isSmallScreen ? 350 : 180 }, position: { x: getColorNodeX(), y: isSmallScreen ? 350 : 180 },
style: { style: {
width: 200,
background: 'rgb(105, 100, 165)', background: 'rgb(105, 100, 165)',
color: 'white', color: 'white',
textShadow: textShadow:
website/src/styles/global.css
+4 -1
View File
@@ -44,7 +44,10 @@
.react-flow { .react-flow {
font-family: 'jetbrains-mono'; font-family: 'jetbrains-mono';
text-transform: uppercase; text-transform: uppercase;
font-size: 24px; }
.react-flow .react-flow__node {
font-size: 14px;
} }
.react-flow__controls-button { .react-flow__controls-button {