krishan21-react-demo5
Advanced tools
Comparing version 1.0.6 to 1.0.7
| 'use strict'; | ||
| var React = require('react'); | ||
| require('@babel/runtime/helpers/slicedToArray'); | ||
| require('@babel/runtime/helpers/toConsumableArray'); | ||
| require('react-icons/fa'); | ||
| require('@babel/runtime/helpers/defineProperty'); | ||
| require('react-apexcharts'); | ||
@@ -14,25 +9,2 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } | ||
| var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}} | ||
| var css$6 = "body{\r\n\tbackground-color: #0C0E11;\r\n}\r\n.star-modal {\r\n\tposition: absolute;\r\n\ttop: 15%;\r\n\tpadding: 20px;\r\n\tbackground-color: #f8f9fa;\r\n\tcolor: rgb(26, 25, 25);\r\n\tborder-radius: 15px;\r\n\tbox-shadow: inset -1px -1px 1px rgba(185, 185, 185, 0.1);\r\n}\r\n.modal-header{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tpadding: 15px 18px;\r\n\tborder-bottom: 1px solid #282c3a;\r\n}\r\n.modal-sub-header{\r\n\tborder-bottom: 0;\r\n\tcolor:rgb(7, 7, 7);\r\n}\r\n.modal-header div{\r\n\tdisplay: flex;\r\n\tgap:5px;\r\n}\r\n.modal-title{\r\n\tcolor: #9281FF;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tfont-size:1.5rem;\r\n}\r\n.modal-close{\r\n\tbackground-color: #c6bef775;\r\n\tborder: 0;\r\n\tborder-radius: 50%;\r\n\r\n\tpadding: 2px 12px;\r\n\tcolor:white;\r\n}\r\n.modal-close:hover{\r\n\tbackground-color: #9281ffd8;\r\n}\r\n.mt-8 {\r\n\tmargin-top: 2rem;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-3 {\r\n\tpadding-top: 0.75rem;\r\n\tpadding-bottom: 0.75rem;\r\n}\r\n\r\n.mb-4 {\r\n\tmargin-bottom: 1rem;\r\n}\r\n\r\n.mt-\\[20px\\] {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.box-border {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n}\r\n\r\n.h-\\[45px\\] {\r\n\theight: 45px;\r\n}\r\n\r\n.h-full {\r\n\theight: 100%;\r\n}\r\n\r\n.w-\\[45px\\] {\r\n\twidth: 45px;\r\n}\r\n\r\n.w-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.grid-cols-2 {\r\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-sm {\r\n\tborder-radius: 0.125rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.border {\r\n\tborder-width: 1px;\r\n}\r\n\r\n.border-slate-800 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(30 41 59 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-slate-400 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(148 163 184 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-transparent {\r\n\tborder-color: transparent;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-green-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(34 197 94 / var(--tw-bg-opacity));\r\n}\r\n\r\n.p-1 {\r\n\tpadding: 0.25rem;\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-start {\r\n\ttext-align: start;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[20px\\] {\r\n\tfont-size: 20px;\r\n}\r\n\r\n.hover\\:border-red-300:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(252 165 165 / var(--tw-border-opacity));\r\n}\r\n\r\n.hover\\:border-blue-400:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(96 165 250 / var(--tw-border-opacity));\r\n}\r\n\r\n.absolute {\r\n\tposition: absolute;\r\n}\r\n\r\n.right-2 {\r\n\tright: 0.5rem;\r\n}\r\n\r\n.top-2 {\r\n\ttop: 0.5rem;\r\n}\r\n\r\n.mt-2 {\r\n\tmargin-top: 0.5rem;\r\n}\r\n\r\n.mr-4 {\r\n\tmargin-right: 1rem;\r\n}\r\n\r\n.mt-4 {\r\n\tmargin-top: 1rem;\r\n}\r\n\r\n.mr-2 {\r\n\tmargin-right: 0.5rem;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.h-\\[35px\\] {\r\n\theight: 35px;\r\n}\r\n\r\n.w-\\[35px\\] {\r\n\twidth: 35px;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.flex-col {\r\n\tflex-direction: column;\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.justify-end {\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.justify-center {\r\n\tjustify-content: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\r\n\t--tw-space-y-reverse: 0;\r\n\tmargin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\r\n\tmargin-bottom: calc(1rem * var(--tw-space-y-reverse));\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-1 {\r\n\tpadding-top: 0.25rem;\r\n\tpadding-bottom: 0.25rem;\r\n}\r\n\r\n.pb-2 {\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-end {\r\n\ttext-align: end;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[12px\\] {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.text-\\[25px\\] {\r\n\tfont-size: 25px;\r\n}\r\n\r\n.my-blur {\r\n\tfilter: blur(5px);\r\n\t-webkit-filter: blur(5px);\r\n}\r\n.my-blur-remove {\r\n\tfilter: blur(0px);\r\n\t-webkit-filter: blur(0px);\r\n}\r\n\r\n.blur-sm {\r\n\t--tw-blur: blur(4px);\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.filter {\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.bg-slate-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(100 116 139 / var(--tw-bg-opacity));\r\n}\r\n.h-screen {\r\n\theight: 200vh;\r\n}\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n.flex-center{\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n"; | ||
| n(css$6,{}); | ||
| var css$5 = ".available-wallets {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 12px 18px;\r\n\tmargin-top: 10px;\r\n}\r\n.single-wallet {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tgap:16px;\r\n\tpadding:8px;\r\n\tborder: 1px solid transparent;\r\n\tborder-radius: 10px;\r\n\tcursor:pointer;\r\n\tbox-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;\r\n}\r\n.single-wallet:hover {\r\n\t/* border: 1px solid #9281ff8e; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;\r\n}\r\n.selected-symbol {\r\n\tpadding-right: 10px;\r\n}\r\n.wallet-name {\r\n\tfont-weight: 400;\r\n}\r\n"; | ||
| n(css$5,{}); | ||
| var css$4 = "h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n\tmargin: 0;\r\n}\r\n.macro-wallet-status,\r\n.macro-wallet-card {\r\n\tbackground-image: linear-gradient(\r\n\t\t90deg,\r\n\t\trgba(236, 235, 235, 0.76),\r\n\t\trgba(243, 242, 242, 0.384)\r\n\t);\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid rgba(77, 154, 241, 0.096);\r\n\tmargin-top: 15px;\r\n\tpadding: 3px 6px;\r\n\tpadding-left: 15px;\r\n}\r\n.macro-wallet-status .section {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tbackground-color: #e6e6e6d2;\r\n\tmargin: 10px 2px;\r\n\tpadding: 5px 15px;\r\n\tborder-radius: 8px;\r\n\tborder-top-left-radius: 100px;\r\n\tborder-bottom-left-radius: 100px;\r\n}\r\n.user {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tmargin-left: -24px;\r\n\tborder-radius: 50%;\r\n\tmix-blend-mode: multiply;\r\n}\r\n.macro-wallet-status .section p {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmargin: 0;\r\n\tpadding-left: 5px;\r\n}\r\n.macro-wallet-status .section .wallet-connect {\r\n\ttext-decoration: underline;\r\n\tcolor: gray;\r\n\tcursor: pointer;\r\n}\r\n\r\n/*Macro Score*/\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 8px;\r\n\tborder-radius: 8px;\r\n}\r\n.macro-wallet-card {\r\n\tpadding: 10px 5px;\r\n}\r\n.macro-graph-container {\r\n\ttext-align: center;\r\n\tmargin-top: 10px;\r\n}\r\n.macro-graph {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n border-top-right-radius: 40px;\r\n}\r\n.graph-info{\r\n border-top-left-radius: 40px;\r\n}\r\n.go-back {\r\n\ttext-align: center;\r\n\tcolor: rgb(148, 148, 148);\r\n\tcursor: pointer;\r\n\tmargin-top: 10px;\r\n}\r\n.go-back-button:hover {\r\n\tcolor: rgb(37, 37, 37);\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.macro-score-check {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 15px;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.graph-card {\r\n\tbackground-color: white;\r\n /* border-top-right-radius: 30px;\r\n border-bottom-left-radius: 30px; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;\r\n padding:5px;\r\n}\r\n.graph-card:hover {\r\n\tbox-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\r\n}\r\n\r\n.gray-header{\r\n\tcolor: rgb(92, 92, 92);\r\n}"; | ||
| n(css$4,{}); | ||
| var css$3 = ".blockpass {\r\n\tmin-height: 100vh;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n.blockpass-button {\r\n\ttext-align: center;\r\n\tmin-width: 120px;\r\n}\r\n"; | ||
| n(css$3,{}); | ||
| var css$2 = ".gradient-button{\r\n padding: 0.4rem 1rem;\r\n border-radius: 9999px;\r\n border:none;\r\n font-size: 16px;\r\n color: white;\r\n background-image: linear-gradient(90deg, #4B74FF, #9281FF);\r\n}\r\n.gradient-button:hover{\r\n background-image: linear-gradient(270deg, #4B74FF, #9281FF);\r\n}"; | ||
| n(css$2,{}); | ||
| var css$1 = "\r\n.connected-wallet {\r\n\tborder: 1px solid #9281ff6b;\r\n\tborder-radius: 40px;\r\n}\r\n.connected-wallet:hover {\r\n\tborder: 1px solid #9281ff;\r\n}\r\n.preview-nfc{\r\n text-align: center;\r\n width: 150px;\r\n}\r\n.preview-nfc span{\r\n letter-spacing:2px;\r\n}\r\n\r\n.is-primary{\r\n color:rgb(83, 83, 83);\r\n}\r\n.button-group{\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top:25px;\r\n}\r\n.empty-card{\r\n flex-direction: column;\r\n padding-bottom: 10px;\r\n border: 1px solid rgb(230, 229, 229);\r\n border-radius: 8px;\r\n}\r\n.empty-card img{\r\n width: 30%;\r\n}\r\n.empty-card h4{\r\n margin-top: -25px;\r\n color: rgb(153, 153, 153);\r\n}"; | ||
| n(css$1,{}); | ||
| var css = ".absolute {\r\n position: absolute;\r\n}\r\n\r\n.relative {\r\n position: relative;\r\n}\r\n\r\n.top-0 {\r\n top: 0px;\r\n}\r\n\r\n.mx-auto {\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.mt-16 {\r\n margin-top: 4rem;\r\n}\r\n\r\n.flex {\r\n display: flex;\r\n}\r\n\r\n.h-12 {\r\n height: 3rem;\r\n}\r\n\r\n.w-full {\r\n width: 100%;\r\n}\r\n\r\n.w-12 {\r\n width: 3rem;\r\n}\r\n\r\n.w-20 {\r\n width: 5rem;\r\n}\r\n\r\n.flex-auto {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.flex-col {\r\n flex-direction: column;\r\n}\r\n\r\n.items-center {\r\n align-items: center;\r\n}\r\n\r\n.justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.justify-between {\r\n justify-content: space-between;\r\n}\r\n\r\n.rounded-full {\r\n border-radius: 9999px;\r\n}\r\n\r\n.border-2 {\r\n border-width: 2px;\r\n}\r\n\r\n.border {\r\n border-width: 1px;\r\n}\r\n.text-\\[\\#6047FF\\] {\r\n --tw-text-opacity: 1;\r\n color: rgb(96 71 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.border-t-2 {\r\n border: 2px solid red;\r\n /* border-top-width: 2px solid red; */\r\n}\r\n\r\n.border-gray-300 {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-\\[\\#6047FF\\] {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(96 71 255 / var(--tw-border-opacity));\r\n}\r\n\r\n.bg-\\[\\#6047FF\\] {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(96 71 255 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-gray-500 {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\r\n}\r\n\r\n.py-3 {\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n}\r\n\r\n.px-3 {\r\n padding-left: 0.75rem;\r\n padding-right: 0.75rem;\r\n}\r\n\r\n.text-center {\r\n text-align: center;\r\n}\r\n\r\n.text-\\[0\\.65rem\\] {\r\n font-size: 0.65rem;\r\n}\r\n\r\n.font-bold {\r\n font-weight: 700;\r\n}\r\n\r\n.font-medium {\r\n font-weight: 500;\r\n}\r\n\r\n.uppercase {\r\n text-transform: uppercase;\r\n}\r\n\r\n.text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-black {\r\n --tw-text-opacity: 1;\r\n color: rgb(0 0 0 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-gray-400 {\r\n --tw-text-opacity: 1;\r\n color: rgb(156 163 175 / var(--tw-text-opacity));\r\n}\r\n\r\n.transition {\r\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n transition-duration: 150ms;\r\n}\r\n\r\n.duration-500 {\r\n transition-duration: 500ms;\r\n}\r\n\r\n.ease-in-out {\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .dark\\:text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .md\\:w-20 {\r\n width: 5rem;\r\n }\r\n\r\n .md\\:w-1\\/2 {\r\n width: 50%;\r\n }\r\n\r\n .md\\:px-0 {\r\n padding-left: 0px;\r\n padding-right: 0px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .lg\\:w-32 {\r\n width: 8rem;\r\n }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .xl\\:text-xs {\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n }\r\n}\r\n"; | ||
| n(css,{}); | ||
| var DygnifyCard = function DygnifyCard() { | ||
@@ -39,0 +11,0 @@ return /*#__PURE__*/React__default['default'].createElement("h1", null, "Hello krishan"); |
| import React from 'react'; | ||
| import '@babel/runtime/helpers/slicedToArray'; | ||
| import '@babel/runtime/helpers/toConsumableArray'; | ||
| import 'react-icons/fa'; | ||
| import '@babel/runtime/helpers/defineProperty'; | ||
| import 'react-apexcharts'; | ||
| var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}} | ||
| var css$6 = "body{\r\n\tbackground-color: #0C0E11;\r\n}\r\n.star-modal {\r\n\tposition: absolute;\r\n\ttop: 15%;\r\n\tpadding: 20px;\r\n\tbackground-color: #f8f9fa;\r\n\tcolor: rgb(26, 25, 25);\r\n\tborder-radius: 15px;\r\n\tbox-shadow: inset -1px -1px 1px rgba(185, 185, 185, 0.1);\r\n}\r\n.modal-header{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tpadding: 15px 18px;\r\n\tborder-bottom: 1px solid #282c3a;\r\n}\r\n.modal-sub-header{\r\n\tborder-bottom: 0;\r\n\tcolor:rgb(7, 7, 7);\r\n}\r\n.modal-header div{\r\n\tdisplay: flex;\r\n\tgap:5px;\r\n}\r\n.modal-title{\r\n\tcolor: #9281FF;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tfont-size:1.5rem;\r\n}\r\n.modal-close{\r\n\tbackground-color: #c6bef775;\r\n\tborder: 0;\r\n\tborder-radius: 50%;\r\n\r\n\tpadding: 2px 12px;\r\n\tcolor:white;\r\n}\r\n.modal-close:hover{\r\n\tbackground-color: #9281ffd8;\r\n}\r\n.mt-8 {\r\n\tmargin-top: 2rem;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-3 {\r\n\tpadding-top: 0.75rem;\r\n\tpadding-bottom: 0.75rem;\r\n}\r\n\r\n.mb-4 {\r\n\tmargin-bottom: 1rem;\r\n}\r\n\r\n.mt-\\[20px\\] {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.box-border {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n}\r\n\r\n.h-\\[45px\\] {\r\n\theight: 45px;\r\n}\r\n\r\n.h-full {\r\n\theight: 100%;\r\n}\r\n\r\n.w-\\[45px\\] {\r\n\twidth: 45px;\r\n}\r\n\r\n.w-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.grid-cols-2 {\r\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-sm {\r\n\tborder-radius: 0.125rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.border {\r\n\tborder-width: 1px;\r\n}\r\n\r\n.border-slate-800 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(30 41 59 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-slate-400 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(148 163 184 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-transparent {\r\n\tborder-color: transparent;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-green-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(34 197 94 / var(--tw-bg-opacity));\r\n}\r\n\r\n.p-1 {\r\n\tpadding: 0.25rem;\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-start {\r\n\ttext-align: start;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[20px\\] {\r\n\tfont-size: 20px;\r\n}\r\n\r\n.hover\\:border-red-300:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(252 165 165 / var(--tw-border-opacity));\r\n}\r\n\r\n.hover\\:border-blue-400:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(96 165 250 / var(--tw-border-opacity));\r\n}\r\n\r\n.absolute {\r\n\tposition: absolute;\r\n}\r\n\r\n.right-2 {\r\n\tright: 0.5rem;\r\n}\r\n\r\n.top-2 {\r\n\ttop: 0.5rem;\r\n}\r\n\r\n.mt-2 {\r\n\tmargin-top: 0.5rem;\r\n}\r\n\r\n.mr-4 {\r\n\tmargin-right: 1rem;\r\n}\r\n\r\n.mt-4 {\r\n\tmargin-top: 1rem;\r\n}\r\n\r\n.mr-2 {\r\n\tmargin-right: 0.5rem;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.h-\\[35px\\] {\r\n\theight: 35px;\r\n}\r\n\r\n.w-\\[35px\\] {\r\n\twidth: 35px;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.flex-col {\r\n\tflex-direction: column;\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.justify-end {\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.justify-center {\r\n\tjustify-content: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\r\n\t--tw-space-y-reverse: 0;\r\n\tmargin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\r\n\tmargin-bottom: calc(1rem * var(--tw-space-y-reverse));\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-1 {\r\n\tpadding-top: 0.25rem;\r\n\tpadding-bottom: 0.25rem;\r\n}\r\n\r\n.pb-2 {\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-end {\r\n\ttext-align: end;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[12px\\] {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.text-\\[25px\\] {\r\n\tfont-size: 25px;\r\n}\r\n\r\n.my-blur {\r\n\tfilter: blur(5px);\r\n\t-webkit-filter: blur(5px);\r\n}\r\n.my-blur-remove {\r\n\tfilter: blur(0px);\r\n\t-webkit-filter: blur(0px);\r\n}\r\n\r\n.blur-sm {\r\n\t--tw-blur: blur(4px);\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.filter {\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.bg-slate-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(100 116 139 / var(--tw-bg-opacity));\r\n}\r\n.h-screen {\r\n\theight: 200vh;\r\n}\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n.flex-center{\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n"; | ||
| n(css$6,{}); | ||
| var css$5 = ".available-wallets {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 12px 18px;\r\n\tmargin-top: 10px;\r\n}\r\n.single-wallet {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tgap:16px;\r\n\tpadding:8px;\r\n\tborder: 1px solid transparent;\r\n\tborder-radius: 10px;\r\n\tcursor:pointer;\r\n\tbox-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;\r\n}\r\n.single-wallet:hover {\r\n\t/* border: 1px solid #9281ff8e; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;\r\n}\r\n.selected-symbol {\r\n\tpadding-right: 10px;\r\n}\r\n.wallet-name {\r\n\tfont-weight: 400;\r\n}\r\n"; | ||
| n(css$5,{}); | ||
| var css$4 = "h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n\tmargin: 0;\r\n}\r\n.macro-wallet-status,\r\n.macro-wallet-card {\r\n\tbackground-image: linear-gradient(\r\n\t\t90deg,\r\n\t\trgba(236, 235, 235, 0.76),\r\n\t\trgba(243, 242, 242, 0.384)\r\n\t);\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid rgba(77, 154, 241, 0.096);\r\n\tmargin-top: 15px;\r\n\tpadding: 3px 6px;\r\n\tpadding-left: 15px;\r\n}\r\n.macro-wallet-status .section {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tbackground-color: #e6e6e6d2;\r\n\tmargin: 10px 2px;\r\n\tpadding: 5px 15px;\r\n\tborder-radius: 8px;\r\n\tborder-top-left-radius: 100px;\r\n\tborder-bottom-left-radius: 100px;\r\n}\r\n.user {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tmargin-left: -24px;\r\n\tborder-radius: 50%;\r\n\tmix-blend-mode: multiply;\r\n}\r\n.macro-wallet-status .section p {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmargin: 0;\r\n\tpadding-left: 5px;\r\n}\r\n.macro-wallet-status .section .wallet-connect {\r\n\ttext-decoration: underline;\r\n\tcolor: gray;\r\n\tcursor: pointer;\r\n}\r\n\r\n/*Macro Score*/\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 8px;\r\n\tborder-radius: 8px;\r\n}\r\n.macro-wallet-card {\r\n\tpadding: 10px 5px;\r\n}\r\n.macro-graph-container {\r\n\ttext-align: center;\r\n\tmargin-top: 10px;\r\n}\r\n.macro-graph {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n border-top-right-radius: 40px;\r\n}\r\n.graph-info{\r\n border-top-left-radius: 40px;\r\n}\r\n.go-back {\r\n\ttext-align: center;\r\n\tcolor: rgb(148, 148, 148);\r\n\tcursor: pointer;\r\n\tmargin-top: 10px;\r\n}\r\n.go-back-button:hover {\r\n\tcolor: rgb(37, 37, 37);\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.macro-score-check {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 15px;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.graph-card {\r\n\tbackground-color: white;\r\n /* border-top-right-radius: 30px;\r\n border-bottom-left-radius: 30px; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;\r\n padding:5px;\r\n}\r\n.graph-card:hover {\r\n\tbox-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\r\n}\r\n\r\n.gray-header{\r\n\tcolor: rgb(92, 92, 92);\r\n}"; | ||
| n(css$4,{}); | ||
| var css$3 = ".blockpass {\r\n\tmin-height: 100vh;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n.blockpass-button {\r\n\ttext-align: center;\r\n\tmin-width: 120px;\r\n}\r\n"; | ||
| n(css$3,{}); | ||
| var css$2 = ".gradient-button{\r\n padding: 0.4rem 1rem;\r\n border-radius: 9999px;\r\n border:none;\r\n font-size: 16px;\r\n color: white;\r\n background-image: linear-gradient(90deg, #4B74FF, #9281FF);\r\n}\r\n.gradient-button:hover{\r\n background-image: linear-gradient(270deg, #4B74FF, #9281FF);\r\n}"; | ||
| n(css$2,{}); | ||
| var css$1 = "\r\n.connected-wallet {\r\n\tborder: 1px solid #9281ff6b;\r\n\tborder-radius: 40px;\r\n}\r\n.connected-wallet:hover {\r\n\tborder: 1px solid #9281ff;\r\n}\r\n.preview-nfc{\r\n text-align: center;\r\n width: 150px;\r\n}\r\n.preview-nfc span{\r\n letter-spacing:2px;\r\n}\r\n\r\n.is-primary{\r\n color:rgb(83, 83, 83);\r\n}\r\n.button-group{\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top:25px;\r\n}\r\n.empty-card{\r\n flex-direction: column;\r\n padding-bottom: 10px;\r\n border: 1px solid rgb(230, 229, 229);\r\n border-radius: 8px;\r\n}\r\n.empty-card img{\r\n width: 30%;\r\n}\r\n.empty-card h4{\r\n margin-top: -25px;\r\n color: rgb(153, 153, 153);\r\n}"; | ||
| n(css$1,{}); | ||
| var css = ".absolute {\r\n position: absolute;\r\n}\r\n\r\n.relative {\r\n position: relative;\r\n}\r\n\r\n.top-0 {\r\n top: 0px;\r\n}\r\n\r\n.mx-auto {\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.mt-16 {\r\n margin-top: 4rem;\r\n}\r\n\r\n.flex {\r\n display: flex;\r\n}\r\n\r\n.h-12 {\r\n height: 3rem;\r\n}\r\n\r\n.w-full {\r\n width: 100%;\r\n}\r\n\r\n.w-12 {\r\n width: 3rem;\r\n}\r\n\r\n.w-20 {\r\n width: 5rem;\r\n}\r\n\r\n.flex-auto {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.flex-col {\r\n flex-direction: column;\r\n}\r\n\r\n.items-center {\r\n align-items: center;\r\n}\r\n\r\n.justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.justify-between {\r\n justify-content: space-between;\r\n}\r\n\r\n.rounded-full {\r\n border-radius: 9999px;\r\n}\r\n\r\n.border-2 {\r\n border-width: 2px;\r\n}\r\n\r\n.border {\r\n border-width: 1px;\r\n}\r\n.text-\\[\\#6047FF\\] {\r\n --tw-text-opacity: 1;\r\n color: rgb(96 71 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.border-t-2 {\r\n border: 2px solid red;\r\n /* border-top-width: 2px solid red; */\r\n}\r\n\r\n.border-gray-300 {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-\\[\\#6047FF\\] {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(96 71 255 / var(--tw-border-opacity));\r\n}\r\n\r\n.bg-\\[\\#6047FF\\] {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(96 71 255 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-gray-500 {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\r\n}\r\n\r\n.py-3 {\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n}\r\n\r\n.px-3 {\r\n padding-left: 0.75rem;\r\n padding-right: 0.75rem;\r\n}\r\n\r\n.text-center {\r\n text-align: center;\r\n}\r\n\r\n.text-\\[0\\.65rem\\] {\r\n font-size: 0.65rem;\r\n}\r\n\r\n.font-bold {\r\n font-weight: 700;\r\n}\r\n\r\n.font-medium {\r\n font-weight: 500;\r\n}\r\n\r\n.uppercase {\r\n text-transform: uppercase;\r\n}\r\n\r\n.text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-black {\r\n --tw-text-opacity: 1;\r\n color: rgb(0 0 0 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-gray-400 {\r\n --tw-text-opacity: 1;\r\n color: rgb(156 163 175 / var(--tw-text-opacity));\r\n}\r\n\r\n.transition {\r\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n transition-duration: 150ms;\r\n}\r\n\r\n.duration-500 {\r\n transition-duration: 500ms;\r\n}\r\n\r\n.ease-in-out {\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .dark\\:text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .md\\:w-20 {\r\n width: 5rem;\r\n }\r\n\r\n .md\\:w-1\\/2 {\r\n width: 50%;\r\n }\r\n\r\n .md\\:px-0 {\r\n padding-left: 0px;\r\n padding-right: 0px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .lg\\:w-32 {\r\n width: 8rem;\r\n }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .xl\\:text-xs {\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n }\r\n}\r\n"; | ||
| n(css,{}); | ||
| var DygnifyCard = function DygnifyCard() { | ||
@@ -32,0 +4,0 @@ return /*#__PURE__*/React.createElement("h1", null, "Hello krishan"); |
| (function (global, factory) { | ||
| typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('@babel/runtime/helpers/slicedToArray'), require('@babel/runtime/helpers/toConsumableArray'), require('react-icons/fa'), require('@babel/runtime/helpers/defineProperty'), require('react-apexcharts')) : | ||
| typeof define === 'function' && define.amd ? define(['react', '@babel/runtime/helpers/slicedToArray', '@babel/runtime/helpers/toConsumableArray', 'react-icons/fa', '@babel/runtime/helpers/defineProperty', 'react-apexcharts'], factory) : | ||
| typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) : | ||
| typeof define === 'function' && define.amd ? define(['react'], factory) : | ||
| (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global['react-rails-pagination'] = factory(global.React)); | ||
@@ -11,25 +11,2 @@ }(this, (function (React) { 'use strict'; | ||
| var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}} | ||
| var css$6 = "body{\r\n\tbackground-color: #0C0E11;\r\n}\r\n.star-modal {\r\n\tposition: absolute;\r\n\ttop: 15%;\r\n\tpadding: 20px;\r\n\tbackground-color: #f8f9fa;\r\n\tcolor: rgb(26, 25, 25);\r\n\tborder-radius: 15px;\r\n\tbox-shadow: inset -1px -1px 1px rgba(185, 185, 185, 0.1);\r\n}\r\n.modal-header{\r\n\tdisplay: flex;\r\n\tjustify-content: space-between;\r\n\tpadding: 15px 18px;\r\n\tborder-bottom: 1px solid #282c3a;\r\n}\r\n.modal-sub-header{\r\n\tborder-bottom: 0;\r\n\tcolor:rgb(7, 7, 7);\r\n}\r\n.modal-header div{\r\n\tdisplay: flex;\r\n\tgap:5px;\r\n}\r\n.modal-title{\r\n\tcolor: #9281FF;\r\n\tdisplay: flex;\r\n\talign-items: flex-end;\r\n\tfont-size:1.5rem;\r\n}\r\n.modal-close{\r\n\tbackground-color: #c6bef775;\r\n\tborder: 0;\r\n\tborder-radius: 50%;\r\n\r\n\tpadding: 2px 12px;\r\n\tcolor:white;\r\n}\r\n.modal-close:hover{\r\n\tbackground-color: #9281ffd8;\r\n}\r\n.mt-8 {\r\n\tmargin-top: 2rem;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-3 {\r\n\tpadding-top: 0.75rem;\r\n\tpadding-bottom: 0.75rem;\r\n}\r\n\r\n.mb-4 {\r\n\tmargin-bottom: 1rem;\r\n}\r\n\r\n.mt-\\[20px\\] {\r\n\tmargin-top: 20px;\r\n}\r\n\r\n.box-border {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n}\r\n\r\n.h-\\[45px\\] {\r\n\theight: 45px;\r\n}\r\n\r\n.h-full {\r\n\theight: 100%;\r\n}\r\n\r\n.w-\\[45px\\] {\r\n\twidth: 45px;\r\n}\r\n\r\n.w-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.grid-cols-2 {\r\n\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-sm {\r\n\tborder-radius: 0.125rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.border {\r\n\tborder-width: 1px;\r\n}\r\n\r\n.border-slate-800 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(30 41 59 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-slate-400 {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(148 163 184 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-transparent {\r\n\tborder-color: transparent;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-green-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(34 197 94 / var(--tw-bg-opacity));\r\n}\r\n\r\n.p-1 {\r\n\tpadding: 0.25rem;\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-start {\r\n\ttext-align: start;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[20px\\] {\r\n\tfont-size: 20px;\r\n}\r\n\r\n.hover\\:border-red-300:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(252 165 165 / var(--tw-border-opacity));\r\n}\r\n\r\n.hover\\:border-blue-400:hover {\r\n\t--tw-border-opacity: 1;\r\n\tborder-color: rgb(96 165 250 / var(--tw-border-opacity));\r\n}\r\n\r\n.absolute {\r\n\tposition: absolute;\r\n}\r\n\r\n.right-2 {\r\n\tright: 0.5rem;\r\n}\r\n\r\n.top-2 {\r\n\ttop: 0.5rem;\r\n}\r\n\r\n.mt-2 {\r\n\tmargin-top: 0.5rem;\r\n}\r\n\r\n.mr-4 {\r\n\tmargin-right: 1rem;\r\n}\r\n\r\n.mt-4 {\r\n\tmargin-top: 1rem;\r\n}\r\n\r\n.mr-2 {\r\n\tmargin-right: 0.5rem;\r\n}\r\n\r\n.flex {\r\n\tdisplay: flex;\r\n}\r\n\r\n.h-\\[35px\\] {\r\n\theight: 35px;\r\n}\r\n\r\n.w-\\[35px\\] {\r\n\twidth: 35px;\r\n}\r\n\r\n.cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.flex-col {\r\n\tflex-direction: column;\r\n}\r\n\r\n.items-center {\r\n\talign-items: center;\r\n}\r\n\r\n.justify-end {\r\n\tjustify-content: flex-end;\r\n}\r\n\r\n.justify-center {\r\n\tjustify-content: center;\r\n}\r\n\r\n.gap-4 {\r\n\tgap: 1rem;\r\n}\r\n\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\r\n\t--tw-space-y-reverse: 0;\r\n\tmargin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\r\n\tmargin-bottom: calc(1rem * var(--tw-space-y-reverse));\r\n}\r\n\r\n.rounded-md {\r\n\tborder-radius: 0.375rem;\r\n}\r\n\r\n.rounded-full {\r\n\tborder-radius: 9999px;\r\n}\r\n\r\n.bg-slate-700 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(51 65 85 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-slate-600 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(71 85 105 / var(--tw-bg-opacity));\r\n}\r\n\r\n.px-2 {\r\n\tpadding-left: 0.5rem;\r\n\tpadding-right: 0.5rem;\r\n}\r\n\r\n.py-2 {\r\n\tpadding-top: 0.5rem;\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.px-4 {\r\n\tpadding-left: 1rem;\r\n\tpadding-right: 1rem;\r\n}\r\n\r\n.py-1 {\r\n\tpadding-top: 0.25rem;\r\n\tpadding-bottom: 0.25rem;\r\n}\r\n\r\n.pb-2 {\r\n\tpadding-bottom: 0.5rem;\r\n}\r\n\r\n.text-end {\r\n\ttext-align: end;\r\n}\r\n\r\n.text-\\[22px\\] {\r\n\tfont-size: 22px;\r\n}\r\n\r\n.text-\\[12px\\] {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.text-\\[25px\\] {\r\n\tfont-size: 25px;\r\n}\r\n\r\n.my-blur {\r\n\tfilter: blur(5px);\r\n\t-webkit-filter: blur(5px);\r\n}\r\n.my-blur-remove {\r\n\tfilter: blur(0px);\r\n\t-webkit-filter: blur(0px);\r\n}\r\n\r\n.blur-sm {\r\n\t--tw-blur: blur(4px);\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.filter {\r\n\tfilter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\r\n\t\tvar(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)\r\n\t\tvar(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\r\n}\r\n\r\n.bg-slate-500 {\r\n\t--tw-bg-opacity: 1;\r\n\tbackground-color: rgb(100 116 139 / var(--tw-bg-opacity));\r\n}\r\n.h-screen {\r\n\theight: 200vh;\r\n}\r\n.text-center {\r\n\ttext-align: center;\r\n}\r\n.flex-center{\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n"; | ||
| n(css$6,{}); | ||
| var css$5 = ".available-wallets {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 12px 18px;\r\n\tmargin-top: 10px;\r\n}\r\n.single-wallet {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tjustify-content: space-between;\r\n\tgap:16px;\r\n\tpadding:8px;\r\n\tborder: 1px solid transparent;\r\n\tborder-radius: 10px;\r\n\tcursor:pointer;\r\n\tbox-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;\r\n}\r\n.single-wallet:hover {\r\n\t/* border: 1px solid #9281ff8e; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;\r\n}\r\n.selected-symbol {\r\n\tpadding-right: 10px;\r\n}\r\n.wallet-name {\r\n\tfont-weight: 400;\r\n}\r\n"; | ||
| n(css$5,{}); | ||
| var css$4 = "h1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6,\r\np {\r\n\tmargin: 0;\r\n}\r\n.macro-wallet-status,\r\n.macro-wallet-card {\r\n\tbackground-image: linear-gradient(\r\n\t\t90deg,\r\n\t\trgba(236, 235, 235, 0.76),\r\n\t\trgba(243, 242, 242, 0.384)\r\n\t);\r\n\tborder-radius: 8px;\r\n\tborder: 1px solid rgba(77, 154, 241, 0.096);\r\n\tmargin-top: 15px;\r\n\tpadding: 3px 6px;\r\n\tpadding-left: 15px;\r\n}\r\n.macro-wallet-status .section {\r\n\tdisplay: inline-flex;\r\n\talign-items: center;\r\n\tbackground-color: #e6e6e6d2;\r\n\tmargin: 10px 2px;\r\n\tpadding: 5px 15px;\r\n\tborder-radius: 8px;\r\n\tborder-top-left-radius: 100px;\r\n\tborder-bottom-left-radius: 100px;\r\n}\r\n.user {\r\n\twidth: 50px;\r\n\theight: 50px;\r\n\tmargin-left: -24px;\r\n\tborder-radius: 50%;\r\n\tmix-blend-mode: multiply;\r\n}\r\n.macro-wallet-status .section p {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmargin: 0;\r\n\tpadding-left: 5px;\r\n}\r\n.macro-wallet-status .section .wallet-connect {\r\n\ttext-decoration: underline;\r\n\tcolor: gray;\r\n\tcursor: pointer;\r\n}\r\n\r\n/*Macro Score*/\r\n\r\n.grid {\r\n\tdisplay: grid;\r\n\tgrid-template-columns: 1fr 1fr;\r\n\tgap: 8px;\r\n\tborder-radius: 8px;\r\n}\r\n.macro-wallet-card {\r\n\tpadding: 10px 5px;\r\n}\r\n.macro-graph-container {\r\n\ttext-align: center;\r\n\tmargin-top: 10px;\r\n}\r\n.macro-graph {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n border-top-right-radius: 40px;\r\n}\r\n.graph-info{\r\n border-top-left-radius: 40px;\r\n}\r\n.go-back {\r\n\ttext-align: center;\r\n\tcolor: rgb(148, 148, 148);\r\n\tcursor: pointer;\r\n\tmargin-top: 10px;\r\n}\r\n.go-back-button:hover {\r\n\tcolor: rgb(37, 37, 37);\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.macro-score-check {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tgap: 15px;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n\r\n.graph-card {\r\n\tbackground-color: white;\r\n /* border-top-right-radius: 30px;\r\n border-bottom-left-radius: 30px; */\r\n\tbox-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;\r\n padding:5px;\r\n}\r\n.graph-card:hover {\r\n\tbox-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;\r\n}\r\n\r\n.gray-header{\r\n\tcolor: rgb(92, 92, 92);\r\n}"; | ||
| n(css$4,{}); | ||
| var css$3 = ".blockpass {\r\n\tmin-height: 100vh;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n}\r\n.blockpass-button {\r\n\ttext-align: center;\r\n\tmin-width: 120px;\r\n}\r\n"; | ||
| n(css$3,{}); | ||
| var css$2 = ".gradient-button{\r\n padding: 0.4rem 1rem;\r\n border-radius: 9999px;\r\n border:none;\r\n font-size: 16px;\r\n color: white;\r\n background-image: linear-gradient(90deg, #4B74FF, #9281FF);\r\n}\r\n.gradient-button:hover{\r\n background-image: linear-gradient(270deg, #4B74FF, #9281FF);\r\n}"; | ||
| n(css$2,{}); | ||
| var css$1 = "\r\n.connected-wallet {\r\n\tborder: 1px solid #9281ff6b;\r\n\tborder-radius: 40px;\r\n}\r\n.connected-wallet:hover {\r\n\tborder: 1px solid #9281ff;\r\n}\r\n.preview-nfc{\r\n text-align: center;\r\n width: 150px;\r\n}\r\n.preview-nfc span{\r\n letter-spacing:2px;\r\n}\r\n\r\n.is-primary{\r\n color:rgb(83, 83, 83);\r\n}\r\n.button-group{\r\n display: flex;\r\n justify-content: space-between;\r\n margin-top:25px;\r\n}\r\n.empty-card{\r\n flex-direction: column;\r\n padding-bottom: 10px;\r\n border: 1px solid rgb(230, 229, 229);\r\n border-radius: 8px;\r\n}\r\n.empty-card img{\r\n width: 30%;\r\n}\r\n.empty-card h4{\r\n margin-top: -25px;\r\n color: rgb(153, 153, 153);\r\n}"; | ||
| n(css$1,{}); | ||
| var css = ".absolute {\r\n position: absolute;\r\n}\r\n\r\n.relative {\r\n position: relative;\r\n}\r\n\r\n.top-0 {\r\n top: 0px;\r\n}\r\n\r\n.mx-auto {\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n.mt-16 {\r\n margin-top: 4rem;\r\n}\r\n\r\n.flex {\r\n display: flex;\r\n}\r\n\r\n.h-12 {\r\n height: 3rem;\r\n}\r\n\r\n.w-full {\r\n width: 100%;\r\n}\r\n\r\n.w-12 {\r\n width: 3rem;\r\n}\r\n\r\n.w-20 {\r\n width: 5rem;\r\n}\r\n\r\n.flex-auto {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.flex-col {\r\n flex-direction: column;\r\n}\r\n\r\n.items-center {\r\n align-items: center;\r\n}\r\n\r\n.justify-center {\r\n justify-content: center;\r\n}\r\n\r\n.justify-between {\r\n justify-content: space-between;\r\n}\r\n\r\n.rounded-full {\r\n border-radius: 9999px;\r\n}\r\n\r\n.border-2 {\r\n border-width: 2px;\r\n}\r\n\r\n.border {\r\n border-width: 1px;\r\n}\r\n.text-\\[\\#6047FF\\] {\r\n --tw-text-opacity: 1;\r\n color: rgb(96 71 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.border-t-2 {\r\n border: 2px solid red;\r\n /* border-top-width: 2px solid red; */\r\n}\r\n\r\n.border-gray-300 {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(209 213 219 / var(--tw-border-opacity));\r\n}\r\n\r\n.border-\\[\\#6047FF\\] {\r\n --tw-border-opacity: 1;\r\n border-color: rgb(96 71 255 / var(--tw-border-opacity));\r\n}\r\n\r\n.bg-\\[\\#6047FF\\] {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(96 71 255 / var(--tw-bg-opacity));\r\n}\r\n\r\n.bg-gray-500 {\r\n --tw-bg-opacity: 1;\r\n background-color: rgb(107 114 128 / var(--tw-bg-opacity));\r\n}\r\n\r\n.py-3 {\r\n padding-top: 0.75rem;\r\n padding-bottom: 0.75rem;\r\n}\r\n\r\n.px-3 {\r\n padding-left: 0.75rem;\r\n padding-right: 0.75rem;\r\n}\r\n\r\n.text-center {\r\n text-align: center;\r\n}\r\n\r\n.text-\\[0\\.65rem\\] {\r\n font-size: 0.65rem;\r\n}\r\n\r\n.font-bold {\r\n font-weight: 700;\r\n}\r\n\r\n.font-medium {\r\n font-weight: 500;\r\n}\r\n\r\n.uppercase {\r\n text-transform: uppercase;\r\n}\r\n\r\n.text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-black {\r\n --tw-text-opacity: 1;\r\n color: rgb(0 0 0 / var(--tw-text-opacity));\r\n}\r\n\r\n.text-gray-400 {\r\n --tw-text-opacity: 1;\r\n color: rgb(156 163 175 / var(--tw-text-opacity));\r\n}\r\n\r\n.transition {\r\n transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\r\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n transition-duration: 150ms;\r\n}\r\n\r\n.duration-500 {\r\n transition-duration: 500ms;\r\n}\r\n\r\n.ease-in-out {\r\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n .dark\\:text-white {\r\n --tw-text-opacity: 1;\r\n color: rgb(255 255 255 / var(--tw-text-opacity));\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .md\\:w-20 {\r\n width: 5rem;\r\n }\r\n\r\n .md\\:w-1\\/2 {\r\n width: 50%;\r\n }\r\n\r\n .md\\:px-0 {\r\n padding-left: 0px;\r\n padding-right: 0px;\r\n }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n .lg\\:w-32 {\r\n width: 8rem;\r\n }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .xl\\:text-xs {\r\n font-size: 0.75rem;\r\n line-height: 1rem;\r\n }\r\n}\r\n"; | ||
| n(css,{}); | ||
| var DygnifyCard = function DygnifyCard() { | ||
@@ -36,0 +13,0 @@ return /*#__PURE__*/React__default['default'].createElement("h1", null, "Hello krishan"); |
| { | ||
| "name": "krishan21-react-demo5", | ||
| "version": "1.0.6", | ||
| "version": "1.0.7", | ||
| "description": "React Component for adding DygnifyCard support to Rails or any other MVC Framework", | ||
@@ -5,0 +5,0 @@ "main": "src/index.js", |
New alerts
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Number of low supply chain risk alerts
- decreased by-100%
0
Worsened metrics
- Total package byte prevSize
- decreased by-82.49%
9721
- Lines of code
- decreased by-88.41%
27
- Number of medium supply chain risk alerts
- increased byInfinity%
1
No dependency changes