mirror of
https://github.com/gradio-app/gradio.git
synced 2025-01-06 10:25:17 +08:00
fix padding issues
This commit is contained in:
Ali Abid
parent
be910d09b3
commit
cdd51c1829
@ -43,6 +43,9 @@ button, input[type="submit"], input[type="reset"], input[type="button"], select[
|
||||
max-width: 1028px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.panels {
|
||||
display: flex;
|
||||
|
||||
@ -5,31 +5,30 @@ function gradio(config, fn, target) {
|
||||
Live at <a class="share-link" target="_blank"></a>.
|
||||
<button class="share-copy">Copy Link</button>
|
||||
</div>
|
||||
<div class="container">
|
||||
<h1 class="title"></h1>
|
||||
<p class="description"></p>
|
||||
<div class="panels">
|
||||
<div class="panel input_panel">
|
||||
<div class="input_interfaces">
|
||||
</div>
|
||||
<div class="panel_buttons">
|
||||
<input class="clear panel_button" type="reset" value="CLEAR">
|
||||
<input class="submit panel_button" type="submit" value="SUBMIT"/>
|
||||
</div>
|
||||
<h1 class="title"></h1>
|
||||
<p class="description"></p>
|
||||
<div class="panels">
|
||||
<div class="panel input_panel">
|
||||
<div class="input_interfaces">
|
||||
</div>
|
||||
<div class="panel_buttons">
|
||||
<input class="clear panel_button" type="reset" value="CLEAR">
|
||||
<input class="submit panel_button" type="submit" value="SUBMIT"/>
|
||||
</div>
|
||||
<div class="panel output_panel">
|
||||
<div class="loading invisible">
|
||||
<img class="loading_in_progress" src="/static/img/logo_loading.gif">
|
||||
<img class="loading_failed" src="/static/img/logo_error.png">
|
||||
</div>
|
||||
<div class="panel output_panel">
|
||||
<div class="loading invisible">
|
||||
<img class="loading_in_progress" src="/static/img/logo_loading.gif">
|
||||
<img class="loading_failed" src="/static/img/logo_error.png">
|
||||
</div>
|
||||
<div class="output_interfaces">
|
||||
</div>
|
||||
<div class="panel_buttons">
|
||||
<input class="screenshot panel_button" type="button" value="SCREENSHOT"/>
|
||||
<div class="screenshot_logo">
|
||||
<img src="/static/img/logo_inline.png">
|
||||
</div>
|
||||
<div class="output_interfaces">
|
||||
</div>
|
||||
<div class="panel_buttons">
|
||||
<input class="screenshot panel_button" type="button" value="SCREENSHOT"/>
|
||||
<div class="screenshot_logo">
|
||||
<img src="/static/img/logo_inline.png">
|
||||
</div>
|
||||
<input class="flag panel_button" type="button" value="FLAG"/>
|
||||
<input class="flag panel_button" type="button" value="FLAG"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -41,7 +41,6 @@
|
||||
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
<link rel="stylesheet" href="/static/css/gradio.css">
|
||||
<link rel="stylesheet" href="/static/css/interfaces/input/csv.css">
|
||||
<link rel="stylesheet" href="/static/css/interfaces/input/image.css">
|
||||
<link rel="stylesheet" href="/static/css/interfaces/input/sketchpad.css">
|
||||
<link rel="stylesheet" href="/static/css/interfaces/input/textbox.css">
|
||||
@ -64,7 +63,7 @@
|
||||
</head>
|
||||
|
||||
<body id="lib">
|
||||
<div id="interface_target"></div>
|
||||
<div id="interface_target" class="container"></div>
|
||||
<div id="credit"><a href="https://github.com/gradio-app/gradio" target="_blank">
|
||||
<img src="static/img/logo_inline.png">
|
||||
</a></div>
|
||||
@ -88,12 +87,12 @@
|
||||
<script src="/static/js/vendor/jexcel.min.js"></script>
|
||||
<script src="/static/js/vendor/jsuites.min.js"></script>
|
||||
<script src="/static/js/vendor/cropper.min.js"></script>
|
||||
<script src="/static/js/vendor/sketchpad.js"></script>
|
||||
<script src="/static/js/vendor/webcam.min.js"></script>
|
||||
|
||||
<script src="/static/js/utils.js"></script>
|
||||
<script src="/static/js/all_io.js"></script>
|
||||
<script src="/static/js/interfaces/input/csv.js"></script>
|
||||
<script src="/static/js/interfaces/input/image.js"></script>
|
||||
<script src="/static/js/vendor/sketchpad.js"></script>
|
||||
<script src="/static/js/interfaces/input/sketchpad.js"></script>
|
||||
<script src="/static/js/interfaces/input/textbox.js"></script>
|
||||
<script src="/static/js/interfaces/input/radio.js"></script>
|
||||
@ -104,7 +103,6 @@
|
||||
<script src="/static/js/interfaces/input/dataframe.js"></script>
|
||||
<script src="/static/js/interfaces/input/audio.js"></script>
|
||||
<script src="/static/js/interfaces/input/file.js"></script>
|
||||
<script src="/static/js/vendor/webcam.min.js"></script>
|
||||
<script src="/static/js/interfaces/input/webcam.js"></script>
|
||||
<script src="/static/js/interfaces/input/microphone.js"></script>
|
||||
<script src="/static/js/interfaces/output/image.js"></script>
|
||||
|
||||
@ -43,6 +43,9 @@ button, input[type="submit"], input[type="reset"], input[type="button"], select[
|
||||
max-width: 1028px;
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding-left: 24px;
|
||||
padding-right: 24px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.panels {
|
||||
display: flex;
|
||||
|
||||
@ -5,31 +5,30 @@ function gradio(config, fn, target) {
|
||||
Live at <a class="share-link" target="_blank"></a>.
|
||||
<button class="share-copy">Copy Link</button>
|
||||
</div>
|
||||
<div class="container">
|
||||
<h1 class="title"></h1>
|
||||
<p class="description"></p>
|
||||
<div class="panels">
|
||||
<div class="panel input_panel">
|
||||
<div class="input_interfaces">
|
||||
</div>
|
||||
<div class="panel_buttons">
|
||||
<input class="clear panel_button" type="reset" value="CLEAR">
|
||||
<input class="submit panel_button" type="submit" value="SUBMIT"/>
|
||||
</div>
|
||||
<h1 class="title"></h1>
|
||||
<p class="description"></p>
|
||||
<div class="panels">
|
||||
<div class="panel input_panel">
|
||||
<div class="input_interfaces">
|
||||
</div>
|
||||
<div class="panel_buttons">
|
||||
<input class="clear panel_button" type="reset" value="CLEAR">
|
||||
<input class="submit panel_button" type="submit" value="SUBMIT"/>
|
||||
</div>
|
||||
<div class="panel output_panel">
|
||||
<div class="loading invisible">
|
||||
<img class="loading_in_progress" src="/static/img/logo_loading.gif">
|
||||
<img class="loading_failed" src="/static/img/logo_error.png">
|
||||
</div>
|
||||
<div class="panel output_panel">
|
||||
<div class="loading invisible">
|
||||
<img class="loading_in_progress" src="/static/img/logo_loading.gif">
|
||||
<img class="loading_failed" src="/static/img/logo_error.png">
|
||||
</div>
|
||||
<div class="output_interfaces">
|
||||
</div>
|
||||
<div class="panel_buttons">
|
||||
<input class="screenshot panel_button" type="button" value="SCREENSHOT"/>
|
||||
<div class="screenshot_logo">
|
||||
<img src="/static/img/logo_inline.png">
|
||||
</div>
|
||||
<div class="output_interfaces">
|
||||
</div>
|
||||
<div class="panel_buttons">
|
||||
<input class="screenshot panel_button" type="button" value="SCREENSHOT"/>
|
||||
<div class="screenshot_logo">
|
||||
<img src="/static/img/logo_inline.png">
|
||||
</div>
|
||||
<input class="flag panel_button" type="button" value="FLAG"/>
|
||||
<input class="flag panel_button" type="button" value="FLAG"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -41,7 +41,6 @@
|
||||
|
||||
<link rel="stylesheet" href="/static/css/style.css">
|
||||
<link rel="stylesheet" href="/static/css/gradio.css">
|
||||
<link rel="stylesheet" href="/static/css/interfaces/input/csv.css">
|
||||
<link rel="stylesheet" href="/static/css/interfaces/input/image.css">
|
||||
<link rel="stylesheet" href="/static/css/interfaces/input/sketchpad.css">
|
||||
<link rel="stylesheet" href="/static/css/interfaces/input/textbox.css">
|
||||
@ -64,7 +63,7 @@
|
||||
</head>
|
||||
|
||||
<body id="lib">
|
||||
<div id="interface_target"></div>
|
||||
<div id="interface_target" class="container"></div>
|
||||
<div id="credit"><a href="https://github.com/gradio-app/gradio" target="_blank">
|
||||
<img src="static/img/logo_inline.png">
|
||||
</a></div>
|
||||
@ -88,12 +87,12 @@
|
||||
<script src="/static/js/vendor/jexcel.min.js"></script>
|
||||
<script src="/static/js/vendor/jsuites.min.js"></script>
|
||||
<script src="/static/js/vendor/cropper.min.js"></script>
|
||||
<script src="/static/js/vendor/sketchpad.js"></script>
|
||||
<script src="/static/js/vendor/webcam.min.js"></script>
|
||||
|
||||
<script src="/static/js/utils.js"></script>
|
||||
<script src="/static/js/all_io.js"></script>
|
||||
<script src="/static/js/interfaces/input/csv.js"></script>
|
||||
<script src="/static/js/interfaces/input/image.js"></script>
|
||||
<script src="/static/js/vendor/sketchpad.js"></script>
|
||||
<script src="/static/js/interfaces/input/sketchpad.js"></script>
|
||||
<script src="/static/js/interfaces/input/textbox.js"></script>
|
||||
<script src="/static/js/interfaces/input/radio.js"></script>
|
||||
@ -104,7 +103,6 @@
|
||||
<script src="/static/js/interfaces/input/dataframe.js"></script>
|
||||
<script src="/static/js/interfaces/input/audio.js"></script>
|
||||
<script src="/static/js/interfaces/input/file.js"></script>
|
||||
<script src="/static/js/vendor/webcam.min.js"></script>
|
||||
<script src="/static/js/interfaces/input/webcam.js"></script>
|
||||
<script src="/static/js/interfaces/input/microphone.js"></script>
|
||||
<script src="/static/js/interfaces/output/image.js"></script>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user