Procházet zdrojové kódy

better padding around list view empty message

Adam Shaw před 5 roky
rodič
revize
5c359e7b4e
2 změnil soubory, kde provedl 5 přidání a 1 odebrání
  1. 1 1
      packages/list/src/ListView.tsx
  2. 4 0
      packages/list/src/main.scss

+ 1 - 1
packages/list/src/ListView.tsx

@@ -89,7 +89,7 @@ export default class ListView extends DateComponent<ViewProps> {
       <RenderHook name='noEvents' hookProps={hookProps} defaultContent={renderNoEventsInner}>
         {(rootElRef, classNames, innerElRef, innerContent) => (
           <div className={[ 'fc-list-empty' ].concat(classNames).join(' ')} ref={rootElRef}>
-            <div className='fc-list-empty-inner' ref={innerElRef}>
+            <div className='fc-list-empty-cushion' ref={innerElRef}>
               {innerContent}
             </div>
           </div>

+ 4 - 0
packages/list/src/main.scss

@@ -120,3 +120,7 @@
   justify-content: center;
   align-items: center; // vertically aligns fc-list-empty-inner
 }
+
+.fc-list-empty-cushion {
+  margin: 5em 0;
+}