Responsiveness and tabs #179
@ -12,7 +12,8 @@ export const LoadingSpinner = (props: Props) => {
|
||||
case 'small':
|
||||
return (
|
||||
<div
|
||||
className={`${styles.loadingSpinnerContainer} ${styles.withHeight}`}
|
||||
className={`${styles.loadingSpinnerContainer}`}
|
||||
data-variant={variant}
|
||||
>
|
||||
<div className={styles.loadingSpinner}></div>
|
||||
</div>
|
||||
@ -21,11 +22,12 @@ export const LoadingSpinner = (props: Props) => {
|
||||
default:
|
||||
return (
|
||||
<div className={styles.loadingSpinnerOverlay}>
|
||||
<div className={styles.loadingSpinnerContainer}>
|
||||
<div
|
||||
className={styles.loadingSpinnerContainer}
|
||||
data-variant={variant}
|
||||
>
|
||||
<div className={styles.loadingSpinner}></div>
|
||||
{desc && (
|
||||
<p className={styles.loadingSpinnerDesc}>{'Loading...'}</p>
|
||||
)}
|
||||
{desc && <p className={styles.loadingSpinnerDesc}>{desc}</p>}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
Loading…
Reference in New Issue
Block a user