slawek/jmespath-playground
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: small component size adjustments.

Browse Source
This commit is contained in:
Sławek Koszewski
2026-01-31 16:43:38 +01:00
parent 9f0d7ee70a
commit 794fd88e8d
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ApiKeyPage.jsx
View File

@@ -93,7 +93,7 @@ function ApiKeyPage({
return ( return (
<Box sx={{ flexGrow: 1, py: 4, px: 2 }}> <Box sx={{ flexGrow: 1, py: 4, px: 2 }}>
<Grid container justifyContent="center"> <Grid container justifyContent="center">
<Grid size={{ xs: 12, md: 8, lg: 6 }}> <Grid size={{ xs: 12, md: 10, lg: 8 }}>
<Paper elevation={1} sx={{ p: { xs: 3, md: 5 }, bgcolor: "background.paper", border: 1, borderColor: "divider" }}> <Paper elevation={1} sx={{ p: { xs: 3, md: 5 }, bgcolor: "background.paper", border: 1, borderColor: "divider" }}>
<Typography variant="h5" gutterBottom sx={{ mb: 4, fontWeight: 700, display: "flex", alignItems: "center", gap: 1.5, color: "text.primary" }}> <Typography variant="h5" gutterBottom sx={{ mb: 4, fontWeight: 700, display: "flex", alignItems: "center", gap: 1.5, color: "text.primary" }}>
<KeyIcon color="primary" /> API Key Management <KeyIcon color="primary" /> API Key Management

4
src/components/MainPage.jsx
View File

@@ -204,6 +204,7 @@ function MainPage({
variant="body2" variant="body2"
color="text.secondary" color="text.secondary"
align="left" align="left"
mt="1rem"
> >
Validate and test JMESPath expressions against JSON data in real-time. Validate and test JMESPath expressions against JSON data in real-time.
Enter your JMESPath query and JSON data below to see the results Enter your JMESPath query and JSON data below to see the results
@@ -219,6 +220,7 @@ function MainPage({
border: 1, border: 1,
borderColor: "divider", borderColor: "divider",
overflow: "hidden", overflow: "hidden",
mb: 2
}} }}
> >
<Box <Box
@@ -240,7 +242,7 @@ function MainPage({
</Typography> </Typography>
</Box> </Box>
</Box> </Box>
<Box sx={{ p: 1.5 }}> <Box sx={{ p: 1.5, mt: 0.5 }}>
<TextField <TextField
fullWidth fullWidth
size="small" size="small"