diff --git a/src/ui/components/MiniDialog.css b/src/ui/components/MiniDialog.css index f05d658..d416331 100644 --- a/src/ui/components/MiniDialog.css +++ b/src/ui/components/MiniDialog.css @@ -32,3 +32,7 @@ .MiniDialogTop:hover { cursor: pointer; } + +.MiniDialog .ProgressText { + color: #000; +} \ No newline at end of file diff --git a/src/ui/components/common/ProgressBar.css b/src/ui/components/common/ProgressBar.css index 63e1b0c..a6e5c69 100644 --- a/src/ui/components/common/ProgressBar.css +++ b/src/ui/components/common/ProgressBar.css @@ -24,4 +24,5 @@ .ProgressText { color: #c5c5c5; + padding: 0px 10px; } \ No newline at end of file diff --git a/src/ui/components/common/ProgressBar.tsx b/src/ui/components/common/ProgressBar.tsx index 66b637b..499e6f6 100644 --- a/src/ui/components/common/ProgressBar.tsx +++ b/src/ui/components/common/ProgressBar.tsx @@ -1,4 +1,6 @@ import React from 'react' +import { capitalize } from '../../../utils/string' + import './ProgressBar.css' interface IProps { @@ -61,7 +63,7 @@ export default class ProgressBar extends React.Component {
- {this.state.status} + {capitalize(this.state.status)}
) diff --git a/src/utils/string.ts b/src/utils/string.ts new file mode 100644 index 0000000..b87f234 --- /dev/null +++ b/src/utils/string.ts @@ -0,0 +1,3 @@ +export function capitalize(str: string) { + return str.charAt(0).toUpperCase() + str.slice(1) +} \ No newline at end of file