Template:APIBrowser: Difference between revisions
Template page
(Created page with "<html> <div class="apiBrowser"> <input> <select> <option>GET</option> <option>POST</option> </select> </div> </html>") |
No edit summary |
||
| (43 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | |||
.apiBrowser{ | |||
border-radius: 10px; | |||
padding:10px; | |||
background: #324148; | |||
} | |||
.apiBrowser input, .apiBrowser select { | |||
padding: 20px; | |||
border-radius: 5px; | |||
font-size: 1em; | |||
} | |||
.apiBrowser .response { | |||
margin-top:10px; | |||
font-family: monospace; | |||
background: #fff; | |||
max-height: 200px; | |||
overflow-y: scroll; | |||
color: #000; | |||
border-radius: 5px; | |||
padding:10px; | |||
} | |||
.apiBrowser .prefix { | |||
margin-right:-95px; | |||
} | |||
.apiBrowser .url { | |||
padding-left:95px; | |||
width: 100%; | |||
} | |||
.apiBrowser button{ | |||
border:0px solid; | |||
border-radius: 10px; | |||
background-color: var(--color-primary); | |||
color: #fff; | |||
padding: 0px 30px; | |||
margin-left:20%; | |||
font-size: 14px; | |||
} | |||
.apiBrowser button:hover{background:var(--color-primary--hover);} | |||
.apiBrowser .urlBar { | |||
display:flex; | |||
} | |||
</style> | |||
<div class="apiBrowser"> | <div class="apiBrowser"> | ||
<input> | <div class="urlBar"> | ||
<div style="display:flex;align-items: center;margin-left: 10px;flex: 1;"> | |||
<span class="prefix">bigid/api/v1/</span> | |||
<input class="url"> | |||
</div> | |||
<select> | <select> | ||
<option>GET</option> | <option>GET</option> | ||
<option>POST</option> | <option>POST</option> | ||
</select> | </select> | ||
<button>Execute</button> | |||
</div> | |||
<div class="response">Execute a request to view the data...</div> | |||
</div> | </div> | ||
</html> | </html> | ||
Latest revision as of 18:54, 6 July 2021
bigid/api/v1/
Execute a request to view the data...