marcel/omni-tools
1
0
Fork 0
mirror of https://github.com/iib0011/omni-tools.git synced 2025-09-18 13:39:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix the ExampleCard Textfields style

Browse Source
This commit is contained in:
Made4Uo
2024-06-24 20:19:49 -07:00
parent 09a0e434e8
commit 865bd23e03
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/examples/ExampleCard.tsx
View File

@@ -50,13 +50,18 @@ export default function ExampleCard({
<Typography variant="body2" color="text.secondary">
{description}
</Typography>
<Box
display="flex"
onClick={handleSampleTextClick}
sx={{
display: 'flex',
zIndex: '2',
width: '100%',
height: '100%',
bgcolor: 'transparent',
padding: '5px 10px',
borderRadius: '5px',
cursor: 'pointer',
boxShadow: 'inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff;'
}}
>
@@ -67,6 +72,7 @@ export default function ExampleCard({
multiline
sx={{
'& .MuiOutlinedInput-root': {
zIndex: '-1',
'& fieldset': {
border: 'none'
}
@@ -74,14 +80,19 @@ export default function ExampleCard({
}}
/>
</Box>
<ArrowDownwardIcon />
<Box
display="flex"
onClick={handleSampleResultClick}
sx={{
display: 'flex',
zIndex: '2',
width: '100%',
height: '100%',
bgcolor: 'transparent',
padding: '5px 10px',
borderRadius: '5px',
cursor: 'pointer',
boxShadow: 'inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #fff;'
}}
>
@@ -92,6 +103,7 @@ export default function ExampleCard({
multiline
sx={{
'& .MuiOutlinedInput-root': {
zIndex: '-1',
'& fieldset': {
border: 'none'
}

3
src/components/examples/RequiredOptions.tsx
View File

@@ -1,5 +1,5 @@
import { Box, Stack, TextField, Typography } from '@mui/material';
import { RequiredOptionsProps } from '../../../components/examples/Examples';
import { RequiredOptionsProps } from './Examples';
import CheckboxWithDesc from 'components/options/CheckboxWithDesc';
export default function RequiredOptions({
@@ -27,7 +27,6 @@ export default function RequiredOptions({
</Typography>
<Box
display="flex"
onClick={handleBoxClick}
sx={{
zIndex: '2',