Micro Adaptor Connector Clip
About this app
[ { "search": "var connector1 = document.createElement('div');\nconnector1.classList.add('connector');\nvar connector2 = document.createElement('div');\nconnector2.classList.add('connector');", "replace": "var connector1 = document.createElement('div');\nconnector1.classList.add('connector');\nconnector1.style.width = '30px';\nconnector1.style.height = '50px';\nconnector1.style.backgroundColor = '#cccccc';\nconnector1.style.borderRadius = '5px';\n\nvar connector2 = document.createElement('div');\nconnector2.classList.add('connector');\nconnector2.style.width = '30px';\nconnector2.style.height = '50px';\nconnector2.style.backgroundColor = '#cccccc';\nconnector2.style.borderRadius = '5px';" }, { "search": ".clip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 200px;\n height: 60px;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}", "replace": ".clip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 200px;\n height: 60px;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.connector...
Related apps
Put this on your site
Source
[
{
"search": "var connector1 = document.createElement('div');\nconnector1.classList.add('connector');\nvar connector2 = document.createElement('div');\nconnector2.classList.add('connector');",
"replace": "var connector1 = document.createElement('div');\nconnector1.classList.add('connector');\nconnector1.style.width = '30px';\nconnector1.style.height = '50px';\nconnector1.style.backgroundColor = '#cccccc';\nconnector1.style.borderRadius = '5px';\n\nvar connector2 = document.createElement('div');\nconnector2.classList.add('connector');\nconnector2.style.width = '30px';\nconnector2.style.height = '50px';\nconnector2.style.backgroundColor = '#cccccc';\nconnector2.style.borderRadius = '5px';"
},
{
"search": ".clip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 200px;\n height: 60px;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}",
"replace": ".clip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 200px;\n height: 60px;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 5px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n}\n\n.connector {\n width: 30px;\n height: 50px;\n background-color: #cccccc;\n border-radius: 5px;\n}"
}
]
NEW APPS
These are apps made by the community!