{"html":"

Push notifications

\n \n

Allow push notifications so you will get latest updates

\n \n \n

","css":".notificationCard {\n width: 220px;\n height: 280px;\n background: rgb(245, 245, 245);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px 35px;\n gap: 10px;\n box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.123);\n border-radius: 20px;\n}\n\n.bellIcon {\n width: 50px;\n margin: 20px 0px;\n}\n\n.bellIcon path {\n fill: rgb(168, 131, 255);\n}\n\n.notificationHeading {\n color: black;\n font-weight: 600;\n font-size: 0.8em;\n}\n\n.notificationPara {\n color: rgb(133, 133, 133);\n font-size: 0.6em;\n font-weight: 600;\n text-align: center;\n}\n\n.buttonContainer {\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n\n.AllowBtn {\n width: 120px;\n height: 25px;\n background-color: rgb(168, 131, 255);\n color: white;\n border: none;\n border-radius: 20px;\n font-size: 0.7em;\n font-weight: 600;\n cursor: pointer;\n}\n\n.NotnowBtn {\n width: 120px;\n height: 25px;\n color: rgb(168, 131, 255);\n border: none;\n background-color: transparent;\n font-weight: 600;\n font-size: 0.7em;\n cursor: pointer;\n border-radius: 20px;\n}\n\n.NotnowBtn:hover {\n background-color: rgb(239, 227, 255);\n}\n\n.AllowBtn:hover {\n background-color: rgb(153, 110, 255);\n}\n"}

bad-deer-17

👁 实时预览

📝 源代码