redesigned all 'empty-tip'

frontend/src/pages/shared-libs/shared-libs.js

@@ -8,6 +8,7 @@ import { Utils } from '../../utils/utils';
 import Repo from '../../models/repo';
 import { gettext, siteRoot, loginUrl, isPro } from '../../utils/constants';
 import Loading from '../../components/loading';
+import EmptyTip from '../../components/empty-tip';
 import ModalPotal from '../../components/modal-portal';
 import ShareDialog from '../../components/dialog/share-dialog';
 
@@ -38,10 +39,10 @@ class Content extends Component {
     const { loading, errorMsg, items, sortBy, sortOrder } = this.props;
     
     const emptyTip = (
-      <div className="empty-tip">
+      <EmptyTip>
         <h2>{gettext('No libraries have been shared with you')}</h2>
         <p>{gettext('No libraries have been shared directly with you. You can find more shared libraries at "Shared with groups".')}</p>
-      </div>
+      </EmptyTip>
     );
 
     if (loading) {