Further improve layout
This commit is contained in:
@ -6,11 +6,11 @@
|
|||||||
|
|
||||||
<title>botamusique web interface</title>
|
<title>botamusique web interface</title>
|
||||||
|
|
||||||
|
<link rel="icon" href="../static/image/favicon.ico" />
|
||||||
|
|
||||||
<link id="pagestyle" rel="stylesheet" href="../static/css/bootstrap.min.css">
|
<link id="pagestyle" rel="stylesheet" href="../static/css/bootstrap.min.css">
|
||||||
<link rel="stylesheet" href="../static/css/custom.css">
|
<link rel="stylesheet" href="../static/css/custom.css">
|
||||||
<link rel="stylesheet" href="../static/css/tylervigario.css">
|
<link rel="stylesheet" href="../static/css/tylervigario.css">
|
||||||
|
|
||||||
<link rel="icon" href="../static/image/favicon.ico" />
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@ -19,7 +19,7 @@
|
|||||||
<div class="col-auto">
|
<div class="col-auto">
|
||||||
<img src="../static/image/logo.png" height="200px">
|
<img src="../static/image/logo.png" height="200px">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-auto my-auto">
|
<div class="col my-auto">
|
||||||
<h1>botamusique Web Interface</h1>
|
<h1>botamusique Web Interface</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -356,7 +356,8 @@
|
|||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<form action="./upload" method="post" enctype="multipart/form-data">
|
<form action="./upload" method="post" enctype="multipart/form-data">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div id="uploadBox" class="col-lg-7 input-group mb-3">
|
<div id="uploadBox" class="col-lg-7">
|
||||||
|
<div class="input-group mb-3">
|
||||||
<div id="uploadField" style="display: flex; width: 100%">
|
<div id="uploadField" style="display: flex; width: 100%">
|
||||||
<div class="custom-file">
|
<div class="custom-file">
|
||||||
<input type="file" name="file[]" class="custom-file-input" id="uploadSelectFile"
|
<input type="file" name="file[]" class="custom-file-input" id="uploadSelectFile"
|
||||||
@ -365,7 +366,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4 input-group mb-3">
|
</div>
|
||||||
|
<div class="col-lg-5">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<div class="input-group mb-3">
|
||||||
<div class="input-group-prepend">
|
<div class="input-group-prepend">
|
||||||
<span class="input-group-text">Upload To</span>
|
<span class="input-group-text">Upload To</span>
|
||||||
</div>
|
</div>
|
||||||
@ -378,7 +383,12 @@
|
|||||||
</datalist>
|
</datalist>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-auto">
|
||||||
<button class="btn btn-primary" type="submit" id="uploadSubmit">Upload!</button>
|
<button class="btn btn-primary" type="submit" id="uploadSubmit">Upload!</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user