diff options
| author | Kumar Priyansh <[email protected]> | 2019-06-09 05:50:34 +0530 |
|---|---|---|
| committer | Kumar Priyansh <[email protected]> | 2019-06-09 05:50:34 +0530 |
| commit | 1594fbd8e7d1704781c2de2eb6528b2883373b35 (patch) | |
| tree | 5bda52f04c558085909714cd979fcf62038f09fe /dashboard/index.html | |
| parent | 7c228f0995d37fc13d58b5b461ac43fc8e0927f9 (diff) | |
| download | firebase-ecommerce-1594fbd8e7d1704781c2de2eb6528b2883373b35.tar.xz firebase-ecommerce-1594fbd8e7d1704781c2de2eb6528b2883373b35.zip | |
External CSS Added and Bifurcated from INDEX Pages
Diffstat (limited to 'dashboard/index.html')
| -rw-r--r-- | dashboard/index.html | 93 |
1 files changed, 2 insertions, 91 deletions
diff --git a/dashboard/index.html b/dashboard/index.html index 6fef2fc..efe0d36 100644 --- a/dashboard/index.html +++ b/dashboard/index.html @@ -4,97 +4,8 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> - <title>Firebase ECommerce Solution</title><style> - #snackbar { - visibility: hidden; - min-width: 250px; - background-color: rgb(231, 81, 81); - color: #fff; - text-align: center; - border-radius: 2px; - padding: 16px; - position: fixed; - z-index: 1; - top: 30px; - right:30px; - } - #snackbar.show { - visibility: visible; - -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; - animation: fadein 0.5s, fadeout 0.5s 2.5s; - } - @-webkit-keyframes fadein { - from {opacity: 0;} - to { opacity: 1;} - } - - @keyframes fadein { - from { opacity: 0;} - to { opacity: 1;} - } - - @-webkit-keyframes fadeout { - from {opacity: 1;} - to {opacity: 0;} - } - - @keyframes fadeout { - from {opacity: 1;} - to {opacity: 0;} - } - .middle { - margin: 0 auto; - width: 50%; - justify-content: center; - justify-items: center; - align-content: center; - align-items: center; - } - #signout { - position: absolute; - top: 25px; - right: 25px; - } - #cart { - position: absolute; - top: 25px; - right: 105px; - } - .singleProduct { - width: 250px; - border: solid 1px #333; - padding: 20px; - border-radius: 5px; - margin: 10px; - display: inline-block; - } - .productImage { - width: 210px; - height: 210px; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - } - .productTitle { - display: inline-block; - width: 250px; - white-space: nowrap; - overflow: hidden !important; - text-overflow: ellipsis; - margin-bottom: -10px; - } - .productDetail { - display: grid; - grid-template-columns: 50% auto; - padding: 50px 0px; - } - .picture { - width: 100%; - background-repeat: no-repeat; - background-size: contain; - background-position: center; - } - </style> + <title>Firebase ECommerce Solution</title> + <link rel="stylesheet" href="../shared/css/dashboard.css"> </head> <body> <div id="snackbar">Some text some message..</div> |