ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 21:10:38 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

B: Fix OSS image export. Use PNG for now
Some checks are pending
Backend CI / build (3.12) (push) Waiting to run
Details
Frontend CI / build (22.x) (push) Waiting to run
Details

Browse Source
This commit is contained in:
Ivan 2024-09-12 00:13:29 +03:00
parent f8d411eced
commit 76d54fa709
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
rsconcept/frontend/src/pages/OssPage/EditorOssGraph/OssFlow.tsx
View File

@ -1,6 +1,6 @@
'use client'; 'use client';
import { toSvg } from 'html-to-image'; import { toPng } from 'html-to-image';
import { useCallback, useLayoutEffect, useMemo, useState } from 'react'; import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
import { toast } from 'react-toastify'; import { toast } from 'react-toastify';
import { import {
@ -256,7 +256,7 @@ function OssFlow({ isModified, setIsModified }: OssFlowProps) {
const imageHeight = PARAMETER.ossImageHeight; const imageHeight = PARAMETER.ossImageHeight;
const nodesBounds = getNodesBounds(nodes); const nodesBounds = getNodesBounds(nodes);
const viewport = getViewportForBounds(nodesBounds, imageWidth, imageHeight, 0.5, 2); const viewport = getViewportForBounds(nodesBounds, imageWidth, imageHeight, 0.5, 2);
toSvg(canvas, { toPng(canvas, {
backgroundColor: colors.bgDefault, backgroundColor: colors.bgDefault,
width: imageWidth, width: imageWidth,
height: imageHeight, height: imageHeight,
@ -268,7 +268,7 @@ function OssFlow({ isModified, setIsModified }: OssFlowProps) {
}) })
.then(dataURL => { .then(dataURL => {
const a = document.createElement('a'); const a = document.createElement('a');
a.setAttribute('download', `${model.schema?.alias ?? 'oss'}.svg`); a.setAttribute('download', `${model.schema?.alias ?? 'oss'}.png`);
a.setAttribute('href', dataURL); a.setAttribute('href', dataURL);
a.click(); a.click();
}) })
@ -416,7 +416,7 @@ function OssFlow({ isModified, setIsModified }: OssFlowProps) {
{...menuProps} {...menuProps}
/> />
) : null} ) : null}
<div className='relative w-[100vw]' style={{ height: mainHeight }}> <div className='relative w-[100vw]' style={{ height: mainHeight, fontFamily: 'Rubik' }}>
{graph} {graph}
</div> </div>
</AnimateFade> </AnimateFade>

4
rsconcept/frontend/src/styling/color.ts
View File

@ -51,7 +51,7 @@ export interface IColorTheme {
*/ */
// prettier-ignore // prettier-ignore
export const lightT: IColorTheme = { export const lightT: IColorTheme = {
bgDefault: 'var(--cl-bg-100)', bgDefault: 'hsl(000, 000%, 098%)', //var(--cl-bg-100)',
bgInput: 'var(--cl-bg-120)', bgInput: 'var(--cl-bg-120)',
bgControls: 'var(--cl-bg-80)', bgControls: 'var(--cl-bg-80)',
bgDisabled: 'var(--cl-bg-60)', bgDisabled: 'var(--cl-bg-60)',
@ -91,7 +91,7 @@ export const lightT: IColorTheme = {
*/ */
// prettier-ignore // prettier-ignore
export const darkT: IColorTheme = { export const darkT: IColorTheme = {
bgDefault: 'var(--cd-bg-100)', bgDefault: 'hsl(000, 000%, 005%)', //'var(--cd-bg-100)',
bgInput: 'var(--cd-bg-120)', bgInput: 'var(--cd-bg-120)',
bgControls: 'var(--cd-bg-80)', bgControls: 'var(--cd-bg-80)',
bgDisabled: 'var(--cd-bg-60)', bgDisabled: 'var(--cd-bg-60)',