ITQC/pydase
24
0
Fork 0
mirror of https://github.com/tiqi-group/pydase.git synced 2025-04-21 00:40:01 +02:00
Code Issues Packages Projects Releases Wiki Activity

frontend: updating width of components

Browse Source
This commit is contained in:
Mose Müller 2023-08-02 12:06:20 +02:00
parent a5eb9d40a2
commit e2ed88fc82
3 changed files with 6 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,13 +1,5 @@
import React, { useEffect, useRef, useState } from 'react'; import React, { useEffect, useRef } from 'react';
import { import { InputGroup, Form, Row, Col } from 'react-bootstrap';
OverlayTrigger,
Badge,
Tooltip,
InputGroup,
Form,
Row,
Col
} from 'react-bootstrap';
import { socket } from '../socket'; import { socket } from '../socket';
import { DocStringComponent } from './DocStringComponent'; import { DocStringComponent } from './DocStringComponent';
@ -40,7 +32,7 @@ export const EnumComponent = React.memo((props: EnumComponentProps) => {
<p>Render count: {renderCount.current}</p> <p>Render count: {renderCount.current}</p>
<DocStringComponent docString={docString} /> <DocStringComponent docString={docString} />
<Row> <Row>
<Col className="col-2 d-flex align-items-center"> <Col className="col-5 d-flex align-items-center">
<InputGroup.Text>{name}</InputGroup.Text> <InputGroup.Text>{name}</InputGroup.Text>
<Form.Select <Form.Select
aria-label="Default select example" aria-label="Default select example"

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

@ -6,7 +6,7 @@ import { DocStringComponent } from './DocStringComponent';
interface MethodProps { interface MethodProps {
name: string; name: string;
parent_path: string; parent_path: string;
parameters: { [key: string]: string }; parameters: Record<string, string>;
docString?: string; docString?: string;
hideOutput?: boolean; hideOutput?: boolean;
} }
@ -61,7 +61,7 @@ export const MethodComponent = React.memo((props: MethodProps) => {
return ( return (
<div <div
className="col-3 align-items-center method" className="col-5 align-items-center method"
id={parent_path.concat('.' + name)}> id={parent_path.concat('.' + name)}>
<p>Render count: {renderCount.current}</p> <p>Render count: {renderCount.current}</p>
<h5 onClick={() => setHideOutput(!hideOutput)} style={{ cursor: 'pointer' }}> <h5 onClick={() => setHideOutput(!hideOutput)} style={{ cursor: 'pointer' }}>

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

@ -210,7 +210,7 @@ export const NumberComponent = React.memo((props: ButtonComponentProps) => {
<p>Render count: {renderCount.current}</p> <p>Render count: {renderCount.current}</p>
<DocStringComponent docString={docString} /> <DocStringComponent docString={docString} />
<div className="row"> <div className="row">
<div className="col-2 d-flex"> <div className="col-5 d-flex">
<InputGroup> <InputGroup>
<InputGroup.Text>{name}</InputGroup.Text> <InputGroup.Text>{name}</InputGroup.Text>
<Form.Control <Form.Control