1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-29 12:26:09 +01:00

Add notification

This commit is contained in:
Phuoc Nguyen
2019-11-17 16:28:39 +07:00
parent 8786f39ab9
commit 16aa6e2ee6
4 changed files with 88 additions and 0 deletions

View File

@@ -10,6 +10,7 @@ import HolyGrailCover from './layouts/holy-grail/Cover';
import InputAddonCover from './layouts/input-add-on/Cover';
import MediaObjectCover from './layouts/media-object/Cover';
import MenuCover from './layouts/menu/Cover';
import NotificationCover from './layouts/notification/Cover';
import PreviousNextButtonCover from './layouts/previous-next-buttons/Cover';
import ProgressBarCover from './layouts/progress-bar/Cover';
import SameHeightColumnsCover from './layouts/same-height-columns/Cover';
@@ -127,6 +128,12 @@ const Home = () => {
<h4 className="f4 mv0 pt3">Menu</h4>
</Link>
</div>
<div className="pa1 w-20">
<Link to="/notification" className="link flex flex-column items-center justify-center tc hover-bg-black-10 br2 pa3">
<NotificationCover />
<h4 className="f4 mv0 pt3">Notification</h4>
</Link>
</div>
<div className="pa1 w-20">
<Link to="/previous-next-buttons" className="link flex flex-column items-center justify-center tc hover-bg-black-10 br2 pa3">
<PreviousNextButtonCover />