Calculator Tools Calculator Tools
Create

Micro Adaptor Connector Clip

Oct 22, 2023

About this app

Design plastic clip to fix micro adaptor connectors

[ { "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}"
}
]