@vincentwings/react-modal
Version:
A lightweight and flexible modal component for React, inspired by jquery-modal.
1 lines • 1.37 kB
Source Map (JSON)
{"version":3,"sources":["../src/Modal.css"],"sourcesContent":[".modal-overlay {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1000;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.modal {\r\n position: relative;\r\n display: block;\r\n min-width: 320px;\r\n max-width: 480px;\r\n padding: 1rem;\r\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.modal-close {\r\n position: absolute;\r\n top: 5px;\r\n right: 10px;\r\n display: inline-block;\r\n width: auto;\r\n padding: 0;\r\n background: none;\r\n color: #646464;\r\n font-size: 30px;\r\n font-weight: normal;\r\n line-height: 1;\r\n text-align: center;\r\n border: none;\r\n border-radius: 0;\r\n outline: none;\r\n cursor: pointer;\r\n}\r\n\r\n.modal-close:hover {\r\n background: none;\r\n color: #000000;\r\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,UAAQ;AACR,QAAM;AACN,WAAS;AACT,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACT,aAAW;AACX,aAAW;AACX,WAAS;AACT,cAAY,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACvC;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,SAAO;AACP,WAAS;AACT,SAAO;AACP,WAAS;AACT,cAAY;AACZ,SAAO;AACP,aAAW;AACX,eAAa;AACb,eAAa;AACb,cAAY;AACZ,UAAQ;AACR,iBAAe;AACf,WAAS;AACT,UAAQ;AACV;AAEA,CAnBC,WAmBW;AACV,cAAY;AACZ,SAAO;AACT;","names":[]}