feat: vertical align

This commit is contained in:
karishmas6
2024-07-25 01:56:31 +05:30
parent f0c285eabc
commit 4101b4f2e2

View File

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Button, MenuItem, Paper, Stack, Tabs, Tab } from "@mui/material"; import { Button, MenuItem, Paper, Stack, Tabs, Tab, Box } from "@mui/material";
import { Dropdown as MuiDropdown } from '../atoms/DropdownMui'; import { Dropdown as MuiDropdown } from '../atoms/DropdownMui';
import styled from "styled-components"; import styled from "styled-components";
import { ActionSettings } from "../molecules/ActionSettings"; import { ActionSettings } from "../molecules/ActionSettings";
@@ -83,6 +83,7 @@ export const RightSidePanel = ({ pairForEdit }: RightSidePanelProps) => {
: null : null
} }
<Box display="flex" flexDirection="column" gap={2} style={{ margin: '15px'}}>
{!getText && !getScreenshot && ( {!getText && !getScreenshot && (
<Button variant="contained" onClick={startGetText}> <Button variant="contained" onClick={startGetText}>
Capture Text Capture Text
@@ -104,6 +105,7 @@ export const RightSidePanel = ({ pairForEdit }: RightSidePanelProps) => {
Stop Capture Screenshot Stop Capture Screenshot
</Button> </Button>
)} )}
</Box>
</Paper> </Paper>
); );
}; };