{"html":"

\n \n\n

\n \n \n \n

Success message

Everything seems great

\n \n \n \n

\n","css":".card {\n width: 330px;\n height: 80px;\n border-radius: 8px;\n box-sizing: border-box;\n padding: 10px 15px;\n background-color: #ffffff;\n box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: space-around;\n gap: 15px;\n}\n.wave {\n position: absolute;\n transform: rotate(90deg);\n left: -31px;\n top: 32px;\n width: 80px;\n fill: #04e4003a;\n}\n.icon-container {\n width: 35px;\n height: 35px;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: #04e40048;\n border-radius: 50%;\n margin-left: 8px;\n}\n.icon {\n width: 17px;\n height: 17px;\n color: #269b24;\n}\n.message-text-container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n flex-grow: 1;\n}\n.message-text,\n.sub-text {\n margin: 0;\n cursor: default;\n}\n.message-text {\n color: #269b24;\n font-size: 17px;\n font-weight: 700;\n}\n.sub-text {\n font-size: 14px;\n color: #555;\n}\n.cross-icon {\n width: 18px;\n height: 18px;\n color: #555;\n cursor: pointer;\n}\n"}

quick-baboon-29

👁 实时预览

📝 源代码

🔗 相关联的样式