Improve Loading styles

2017-07-12 12:50:38 -07:00 · 2017-07-12 12:50:38 -07:00 · 6e33fe2e0d
parent 858a9a7441
commit 6e33fe2e0d
1 changed files with 11 additions and 1 deletions
--- a/ui/src/kapacitor/components/KapacitorRules.js
+++ b/ui/src/kapacitor/components/KapacitorRules.js
@ -21,7 +21,17 @@ const KapacitorRules = ({
  if (loading) {
    return (
      <PageContents>
-        <h2>Loading...</h2>
+        <div className="panel-heading u-flex u-ai-center u-jc-space-between">
+          <h2 className="panel-title">Alert Rules</h2>
+          <button className="btn btn-primary btn-sm disabled" disabled={true}>
+            Create Rule
+          </button>
+        </div>
+        <div className="panel-body">
+          <div className="generic-empty-state">
+            <p>Loading Rules...</p>
+          </div>
+        </div>
      </PageContents>
    )
  }