diff --git a/src/renderer/components/layout/sidebar.tsx b/src/renderer/components/layout/sidebar.tsx index 516cdf1b10..32ddf2b185 100644 --- a/src/renderer/components/layout/sidebar.tsx +++ b/src/renderer/components/layout/sidebar.tsx @@ -46,7 +46,11 @@ export class Sidebar extends React.Component { renderCustomResources() { if (crdStore.isLoading) { - return ; + return ( +
+ +
+ ); } return Object.entries(crdStore.groups).map(([group, crds]) => { diff --git a/src/renderer/components/spinner/spinner.scss b/src/renderer/components/spinner/spinner.scss index bfd50fe998..75c3839152 100644 --- a/src/renderer/components/spinner/spinner.scss +++ b/src/renderer/components/spinner/spinner.scss @@ -34,10 +34,6 @@ margin-top: calc(var(--spinner-size) / -2); } - &.centerHorizontal { - margin-left: 50%; - } - @keyframes rotate { 0% { transform: rotate(0deg); diff --git a/src/renderer/components/spinner/spinner.tsx b/src/renderer/components/spinner/spinner.tsx index e13b5f5bca..32c764b80a 100644 --- a/src/renderer/components/spinner/spinner.tsx +++ b/src/renderer/components/spinner/spinner.tsx @@ -6,19 +6,17 @@ import { cssNames } from "../../utils"; export interface SpinnerProps extends React.HTMLProps { singleColor?: boolean; center?: boolean; - centerHorizontal?: boolean; } export class Spinner extends React.Component { static defaultProps = { singleColor: true, center: false, - centerHorizontal: false, }; render() { - const { center, singleColor, centerHorizontal, className, ...props } = this.props; - const classNames = cssNames("Spinner", className, { singleColor, center, centerHorizontal }); + const { center, singleColor, className, ...props } = this.props; + const classNames = cssNames("Spinner", className, { singleColor, center }); return
; }