ITQC/pydase
24
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2025-06-12 15:57:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

frontend styling

Browse Source
This commit is contained in:
Mose Müller
2024-01-16 15:47:05 +01:00
parent 6d9191fe18
commit 7ef82e61e5
12 changed files with 23 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/AsyncMethodComponent.tsx
View File

@ -98,7 +98,7 @@ export const AsyncMethodComponent = React.memo((props: AsyncMethodProps) => {
});
return (
<div className="align-items-center asyncMethodComponent" id={id}>
<div className="component asyncMethodComponent" id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}

2
frontend/src/components/ButtonComponent.tsx
View File

@ -43,7 +43,7 @@ export const ButtonComponent = React.memo((props: ButtonComponentProps) => {
};
return (
<div className={'buttonComponent'} id={id}>
<div className={'component buttonComponent'} id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}

2
frontend/src/components/ColouredEnumComponent.tsx
View File

@ -49,7 +49,7 @@ export const ColouredEnumComponent = React.memo((props: ColouredEnumComponentPro
};
return (
<div className={'enumComponent'} id={id}>
<div className={'component enumComponent'} id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}

4
frontend/src/components/DataServiceComponent.tsx
View File

@ -40,8 +40,8 @@ export const DataServiceComponent = React.memo(
}
return (
<div className="dataServiceComponent" id={id}>
<Card className="mb-3">
<div className="component dataServiceComponent" id={id}>
<Card>
<Card.Header
onClick={() => setOpen(!open)}
style={{ cursor: 'pointer' }} // Change cursor style on hover

4
frontend/src/components/DeviceConnection.tsx
View File

@ -40,10 +40,10 @@ export const DeviceConnectionComponent = React.memo(
}
return (
<div className={`deviceConnectionComponent ${displayName}`} id={id}>
<div className="deviceConnectionComponent" id={id}>
{!availableVal && (
<div className="overlayContent">
<div>This device is currently not available!</div>
<div>{displayName} is currently not available!</div>
<MethodComponent
name="connect"
parentPath={fullAccessPath}

2
frontend/src/components/EnumComponent.tsx
View File

@ -48,7 +48,7 @@ export const EnumComponent = React.memo((props: EnumComponentProps) => {
};
return (
<div className={'enumComponent'} id={id}>
<div className={'component enumComponent'} id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}

2
frontend/src/components/ImageComponent.tsx
View File

@ -39,7 +39,7 @@ export const ImageComponent = React.memo((props: ImageComponentProps) => {
}, [props.value]);
return (
<div className={'imageComponent'} id={id}>
<div className="component imageComponent" id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}

2
frontend/src/components/MethodComponent.tsx
View File

@ -83,7 +83,7 @@ export const MethodComponent = React.memo((props: MethodProps) => {
});
return (
<div className="align-items-center methodComponent" id={id}>
<div className="component methodComponent" id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}

2
frontend/src/components/NumberComponent.tsx
View File

@ -309,7 +309,7 @@ export const NumberComponent = React.memo((props: NumberComponentProps) => {
};
return (
<div className="numberComponent" id={id}>
<div className="component numberComponent" id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}

2
frontend/src/components/SliderComponent.tsx
View File

@ -100,7 +100,7 @@ export const SliderComponent = React.memo((props: SliderComponentProps) => {
const [stepSizeMagnitude, stepSizeReadOnly] = deconstructNumberDict(stepSize);
return (
<div className="sliderComponent" id={id}>
<div className="component sliderComponent" id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}

2
frontend/src/components/StringComponent.tsx
View File

@ -66,7 +66,7 @@ export const StringComponent = React.memo((props: StringComponentProps) => {
};
return (
<div className={'stringComponent'} id={id}>
<div className="component stringComponent" id={id}>
{process.env.NODE_ENV === 'development' && (
<div>Render count: {renderCount.current}</div>
)}