github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-11 03:46:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1036 from prymitive/fade-empty

Browse Source 
chore(ui): fade grid placeholder on first render
This commit is contained in:
Łukasz Mierzwa
2019-10-14 22:14:59 +01:00
committed by GitHub
parent 319dc73562 540d6c4264
commit bd56ba7d18
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/Components/Grid/EmptyGrid/index.js
View File

@@ -3,11 +3,15 @@ import React from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faMugHot } from "@fortawesome/free-solid-svg-icons/faMugHot";
import { MountFade } from "Components/Animations/MountFade";
import "./index.scss";
const EmptyGrid = () => (
<h1 className="display-1 text-secondary screen-center">
<FontAwesomeIcon icon={faMugHot} style={{ fontSize: "14rem" }} />
<MountFade in={true}>
<FontAwesomeIcon icon={faMugHot} style={{ fontSize: "14rem" }} />
</MountFade>
</h1>
);