github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-02-14 12:55:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

remove opacity logic from WavyLine, add badge explaining disabled state, add translations

Browse Source
This commit is contained in:
Mary Hipp
2024-11-05 09:13:40 -05:00
committed by psychedelicious
parent ae5bc6f5d6
commit 68284b37fa
3 changed files with 50 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
invokeai/frontend/web/src/common/components/WavyLine.tsx
View File

@@ -1,7 +1,6 @@
const WavyLine = ({ waviness, isDisabled }: {waviness: number, isDisabled: boolean}) => {
const width = 60; // Width of the SVG
const height = 28; // Height of the SVG
const WavyLine = ({ waviness }: { waviness: number }) => {
const width = 40; // Width of the SVG
const height = 14; // Height of the SVG
const segments = 5; // Number of segments in the line (more segments = smoother wave)
// Calculate the path dynamically based on waviness
@@ -26,8 +25,8 @@ const WavyLine = ({ waviness, isDisabled }: {waviness: number, isDisabled: boole
};
return (
<svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} xmlns="http://www.w3.org/2000/svg" opacity={isDisabled ? 0.5 : 1}>
<path d={generatePath()} fill="none" stroke="#4299e1" strokeWidth="6" />
<svg width={width} height={height} viewBox={`0 0 ${width} ${height}`} xmlns="http://www.w3.org/2000/svg">
<path d={generatePath()} fill="none" stroke="#4299e1" strokeWidth="3" />
</svg>
);
};