diff options
| author | copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> | 2025-11-06 22:52:02 +0000 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-11-07 10:47:20 +0100 |
| commit | ee77f38cdb324cbcf12518490df77fc9e6b89282 (patch) | |
| tree | 407f64a434291e1e375e6a1ccb55f59fa886a1ef /src/frontend/app/components/LineIcon.tsx | |
| parent | e51cdd89afc08274ca622e18b8127feca29e90a3 (diff) | |
Improve gallery scroll indicators and format code
Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
Diffstat (limited to 'src/frontend/app/components/LineIcon.tsx')
| -rw-r--r-- | src/frontend/app/components/LineIcon.tsx | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/frontend/app/components/LineIcon.tsx b/src/frontend/app/components/LineIcon.tsx index ef05987..8e9a4bd 100644 --- a/src/frontend/app/components/LineIcon.tsx +++ b/src/frontend/app/components/LineIcon.tsx @@ -8,7 +8,11 @@ interface LineIconProps { rounded?: boolean; } -const LineIcon: React.FC<LineIconProps> = ({ line, region = "vigo", rounded = false }) => { +const LineIcon: React.FC<LineIconProps> = ({ + line, + region = "vigo", + rounded = false, +}) => { const formattedLine = useMemo(() => { return /^[a-zA-Z]/.test(line) ? line : `L${line}`; }, [line]); @@ -17,8 +21,13 @@ const LineIcon: React.FC<LineIconProps> = ({ line, region = "vigo", rounded = fa return ( <span - className={rounded ? 'line-icon-rounded' : 'line-icon'} - style={{ '--line-colour': `var(${cssVarName})`, '--line-text-colour': `var(${cssTextVarName}, unset)` } as React.CSSProperties} + className={rounded ? "line-icon-rounded" : "line-icon"} + style={ + { + "--line-colour": `var(${cssVarName})`, + "--line-text-colour": `var(${cssTextVarName}, unset)`, + } as React.CSSProperties + } > {line} </span> |