@ahmiao666/ahmiao-react-dialog-element
Version:
1 lines • 2.98 kB
Source Map (JSON)
{"version":3,"sources":["DialogCustom.scss"],"names":[],"mappings":"AAAA,oBAOE,+BAAoC,CADpC,YAAa,CAHb,MAAO,CAFP,cAAe,CAGf,KAAM,CACN,WAAY,CAHZ,YAMF,CAEA,eAWE,wBAAoC,CACpC,kBAAmB,CACnB,2CAAoD,CAPpD,qBAAsB,CAQtB,aAAc,CALd,YAAa,CACb,qBAAsB,CAPtB,QAAS,CAKT,eAAgB,CADhB,sBAA4B,CAN5B,cAAe,CACf,OAAQ,CAER,8BAAgC,CAChC,YAUF,CACA,yBACE,eAEE,sBAA4B,CAD5B,UAEF,CACF,CAEA,qBAQE,aAAc,CAHd,cAAe,CACf,eAAiB,CAHjB,6BAA8B,CAI9B,kBAEF,CACA,gDARE,kBAAmB,CAEnB,eAAgB,CAHhB,YAaF,CACA,8CAGE,aAAc,CADd,WAAY,CADZ,UAGF,CACA,+CAME,kBAAmB,CAEnB,iBAAkB,CALlB,cAAe,CAEf,YAAa,CAIb,aAAc,CAPd,WAAY,CAKZ,sBAAuB,CAHvB,yBAA2B,CAH3B,UASF,CACA,qDACE,gCAAqC,CACrC,mCACF,CACA,sDACE,oBACF,CAEA,uBAIE,qBAAsB,CAFtB,aAAc,CACd,eAAgB,CAFhB,eAAgB,CAIhB,aAAc,CAEd,mCAAoC,CADpC,oBAEF,CACA,0CAEE,sBAAuB,CADvB,SAEF,CACA,gDAEE,wBAAyB,CADzB,iBAEF,CACA,gDACE,sBACF,CAEA,gBAEE,UAAY,CADZ,mBAEF","file":"index.css","sourcesContent":[".global-dialog-mask {\n position: fixed;\n z-index: 2006;\n left: 0;\n top: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.4);\n}\n\n.dialog-custom {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 2007;\n box-sizing: border-box;\n padding: 24px 20px 16px 20px;\n max-height: 90vh;\n display: flex;\n flex-direction: column;\n background-color: rgb(227, 237, 249);\n border-radius: 10px;\n box-shadow: 0px 6px 6px 0px rgba(157, 204, 218, 0.3);\n color: #3d82c7;\n}\n@media (max-width: 768px) {\n .dialog-custom {\n width: 90vw;\n padding: 20px 16px 12px 16px;\n }\n}\n\n.dialog-custom-title {\n display: flex;\n align-items: center;\n justify-content: space-between;\n column-gap: 12px;\n font-size: 18px;\n font-weight: bold;\n margin-bottom: 10px;\n flex-shrink: 0;\n}\n.dialog-custom-title .left {\n display: flex;\n align-items: center;\n column-gap: 12px;\n}\n.dialog-custom-title .left .dialog-title-icon {\n width: 24px;\n height: 24px;\n flex-shrink: 0;\n}\n.dialog-custom-title .right .dialog-close-icon {\n width: 30px;\n height: 30px;\n cursor: pointer;\n transition: all 0.2s linear;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n flex-shrink: 0;\n}\n.dialog-custom-title .right .dialog-close-icon:hover {\n background-color: rgba(0, 0, 0, 0.04);\n transform: scale(1.1) rotate(-90deg);\n}\n.dialog-custom-title .right .dialog-close-icon:active {\n transform: scale(0.95);\n}\n\n.dialog-custom-content {\n overflow-y: auto;\n flex: 1 1 auto;\n min-height: 50px;\n box-sizing: border-box;\n padding: 5px 0;\n scrollbar-width: thin;\n scrollbar-color: #e0e0e0 transparent;\n}\n.dialog-custom-content::-webkit-scrollbar {\n width: 5px;\n background: transparent;\n}\n.dialog-custom-content::-webkit-scrollbar-thumb {\n border-radius: 8px;\n background-color: #e0e0e0;\n}\n.dialog-custom-content::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.dialog-loading {\n pointer-events: none;\n opacity: 0.6;\n}"]}