mirrors/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2025-05-13 14:44:43 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add concat-css-classes helper method

Browse source 
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
This commit is contained in:
Tilman Vatteroth 2023-05-19 17:57:15 +02:00
parent d7663e3090
commit 4eb341308a
19 changed files with 129 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/src/components/application-loader/loading-screen/loading-animation.tsx
View file

@ -3,6 +3,7 @@
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
import { concatCssClasses } from '../../../utils/concat-css-classes'
import { UiIcon } from '../../common/icons/ui-icon'
import { createNumberRangeArray } from '../../common/number-range/number-range'
import styles from './animations.module.scss'
@ -24,12 +25,12 @@ export const LoadingAnimation: React.FC<HedgeDocLogoProps> = ({ error }) => {
const iconRows = useMemo(() => createNumberRangeArray(12).map((index) => <IconRow key={index} />), [])
return (
<div className={`position-relative ${error ? styles.error : ''}`}>
<div className={concatCssClasses('position-relative', { [styles.error]: error })}>
<div className={styles.logo}>
<div>
<UiIcon icon={IconPencilFill} className={styles.background} size={5} />
</div>
<div className={`${styles.overlay}`}>
<div className={styles.overlay}>
<UiIcon icon={IconPencil} size={5} />
</div>
</div>