joel/freqsplit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add border around player

Browse Source
This commit is contained in:
Joel Mathew Thomas
2025-03-18 21:40:20 +05:30
parent 4a5296cb18
commit 7754af83e8
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/Pages/PreviewPage.tsx
+1 -1
View File
@@ -85,7 +85,7 @@ function PreviewPage() {
<Typography variant="h6" gutterBottom> <Typography variant="h6" gutterBottom>
{mediaFile.name} {mediaFile.name}
</Typography> </Typography>
<Box sx={{ width: '100%', mt: 2 }}> <Box sx={{ width: '100%', mt: 2, border: `1px solid gray`, p:2, borderRadius: 2}}>
<SpectrogramPlayer <SpectrogramPlayer
src={mediaFile.url} src={mediaFile.url}
sxx={JSON.parse(response.spectrogram)} sxx={JSON.parse(response.spectrogram)}
client/src/Pages/ResultsPage.tsx
+3 -3
View File
@@ -97,7 +97,7 @@ function ResultsPage() {
<Typography variant="h6" gutterBottom> <Typography variant="h6" gutterBottom>
{mediaFile.name} (Original) {mediaFile.name} (Original)
</Typography> </Typography>
<Box sx={{ width: '100%', mt: 2, mb: 2 }}> <Box sx={{ width: '100%', mt: 2, mb: 2, border: `1px solid gray`, p:2, borderRadius: 2 }}>
<Typography variant="body2" color="textSecondary" sx={{ mb: 1 }}> <Typography variant="body2" color="textSecondary" sx={{ mb: 1 }}>
{mediaFile.name} {mediaFile.name}
</Typography> </Typography>
@@ -119,7 +119,7 @@ function ResultsPage() {
</Typography> </Typography>
</Box> </Box>
{extractedFiles.map((file, index) => ( {extractedFiles.map((file, index) => (
<Box key={index} sx={{ width: '100%', mt: 2 }}> <Box key={index} sx={{ width: '100%', mt: 2, border: `1px solid gray`, p:2, borderRadius: 2 }}>
<Typography variant="body2" color="textSecondary" sx={{ mb: 1 }}> <Typography variant="body2" color="textSecondary" sx={{ mb: 1 }}>
{file.name} {file.name}
</Typography> </Typography>
@@ -142,7 +142,7 @@ function ResultsPage() {
Processed File Processed File
</Typography> </Typography>
</Box> </Box>
<Box sx={{ width: '100%', mt: 2 }}> <Box sx={{ width: '100%', mt: 2, border: `1px solid gray`, p:2, borderRadius: 2 }}>
<Typography variant="body2" color="textSecondary" sx={{ mb: 1 }}> <Typography variant="body2" color="textSecondary" sx={{ mb: 1 }}>
{mediaFile?.name} {mediaFile?.name}
</Typography> </Typography>