mirrors/axios
2
0
Fork 0
mirror of https://github.com/tenrok/axios.git synced 2026-05-15 11:59:42 +03:00
Code Activity

Update Sandbox UI/UX (#5205)

Browse Source 
I updated the Sandbox UI for a better user experience. Now users do not have to scroll down to view the data they requested. The form is on the left and the response is on the right.

Co-authored-by: Jay <jasonsaayman@gmail.com>
This commit is contained in:
Geeth Gunnampalli
2022-10-30 12:20:58 -05:00
committed by GitHub
parent 179a0c80a8
commit 6a548bfaf3
1 changed files with 27 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sandbox/client.html
+27 -4
View File
@@ -1,19 +1,39 @@
<!doctype html>
<html>
<head>
<title>axios</title>
<title>AXIOS | Sandbox</title>
<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"/>
<style type="text/css">
pre {
min-height: 39px;
overflow: auto;
}
.header{
display: flex;
flex-direction: row;
}
.box{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 25px;
}
@media screen and (max-width: 1000px) {
.box {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body class="container">
<h1>axios</h1>
<div class="header">
<img src="https://axios-http.com/assets/logo.svg" alt="axios" width="130" height="60">
<h1> &nbsp;| Sandbox</h1>
</div>
<div class="well">
<div class="box">
<div class="well">
<h3>Input</h3>
<form role="form" onsubmit="return false;">
<div class="form-group">
@@ -47,7 +67,8 @@
</form>
</div>
<div class="well">
<div class="response">
<div class="well">
<h3>Request</h3>
<pre id="request">No Data</pre>
</div>
@@ -61,6 +82,8 @@
<h3>Error</h3>
<pre id="error">None</pre>
</div>
</div>
</div>
<script src="/axios.js"></script>
<script>