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