Responsiveness and tabs #179

Merged
enes merged 23 commits from 177-sticky-side-columns into staging 2024-09-05 07:30:55 +00:00
Showing only changes of commit d1b9eb55d8 - Show all commits

View File

@ -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>
) )