{"html":"

Delete file?

Lorem ipsum dolor sit amet, consectetur adi

\n \n \n

\n \n

\n","css":".card {\n width: 300px;\n height: fit-content;\n background: rgb(255, 255, 255);\n border-radius: 20px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 20px;\n padding: 30px;\n position: relative;\n box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.068);\n}\n.card-content {\n width: 100%;\n height: fit-content;\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n.card-heading {\n font-size: 20px;\n font-weight: 700;\n color: rgb(27, 27, 27);\n}\n.card-description {\n font-weight: 100;\n color: rgb(102, 102, 102);\n}\n.card-button-wrapper {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n}\n.card-button {\n width: 50%;\n height: 35px;\n border-radius: 10px;\n border: none;\n cursor: pointer;\n font-weight: 600;\n}\n.primary {\n background-color: rgb(255, 114, 109);\n color: white;\n}\n.primary:hover {\n background-color: rgb(255, 73, 66);\n}\n.secondary {\n background-color: #ddd;\n}\n.secondary:hover {\n background-color: rgb(197, 197, 197);\n}\n.exit-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: transparent;\n position: absolute;\n top: 20px;\n right: 20px;\n cursor: pointer;\n}\n.exit-button:hover svg {\n fill: black;\n}\n.exit-button svg {\n fill: rgb(175, 175, 175);\n}\n"}

brave-elephant-94

👁 实时预览

📝 源代码