Transaction: 6Na5pHu...QNzS

{ "data": { "events_v1.near": { "widget": { "app__layouts__modal": { "": "const title = props.layoutProps.title || null;\n\nreturn (\n <>\n <div\n style={{\n position: 'fixed',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 1000,\n backgroundColor: 'rgba(0,0,0,0.5)',\n overflow: 'hidden',\n }}\n >\n <div\n style={{\n position: 'absolute',\n top: '50%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n backgroundColor: 'white',\n width: '80%',\n height: '80%',\n maxWidth: 600,\n maxHeight: 600,\n\n boxShadow: '0 0 10px 10px rgba(0,0,0,0.5)',\n }}\n >\n <div\n style={{\n height: '100%',\n width: '100%',\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'stretch',\n borderRadius: 16,\n }}\n >\n {/* close button */}\n <button\n style={{\n position: 'absolute',\n backgroundColor: 'transparent',\n top: 0,\n right: 0,\n width: 48,\n border: 'none',\n outline: 'none',\n padding: '0',\n cursor: 'pointer',\n color: 'black',\n fontSize: 32,\n borderRadius: '0 0 0 16px',\n textShadow: '0.5px -0.5px 0.5px #ccc, -0.5px 0.5px 0.5px #ccc',\n lineHeight: '40px',\n }}\n onClick={() => {\n props.routing.pop();\n }}\n >\n &times;\n </button>\n\n {/* title */}\n {title ? (\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginBottom: 12,\n fontSize: 24,\n fontWeight: 'bold',\n backgroundColor: 'white',\n borderBottom: '1px solid #ccc',\n width: '100%',\n minHeight: 48,\n padding: '12px 16px',\n boxShadow: '0 0 10px -3px rgba(0,0,0,0.2)',\n }}\n >\n {title}\n </div>\n ) : null}\n\n {/* container */}\n <div\n style={{\n height: '100%',\n width: '100%',\n maxWidth: '100%',\n overflow: 'auto',\n }}\n >\n {props.engine.renderComponent(\n props.component.name,\n props.component.props,\n props.component.layout,\n props.component.layoutProps\n )}\n </div>\n </div>\n </div>\n </div>\n </>\n);\n" } } } } }