💫 prettier css
This commit is contained in:
parent
5daddad360
commit
96d525f42e
|
@ -1,9 +1,59 @@
|
||||||
.form {
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
* {
|
||||||
|
font-size: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-around;
|
||||||
|
flex-direction: column;
|
||||||
|
/* height: 0.8vh; */
|
||||||
|
/* width: 0.65vw; */
|
||||||
|
}
|
||||||
|
|
||||||
|
#logo {
|
||||||
|
width: 60%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
margin-top: 10%;
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: 801px) {
|
||||||
|
/* mobile */
|
||||||
|
.track-info-cover {
|
||||||
|
padding: 1;
|
||||||
|
margin: 1 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen (min-width: 802px) {
|
||||||
|
/* desktop */
|
||||||
|
.track-info-child {
|
||||||
|
padding: 10%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#form {
|
||||||
|
margin: 0 auto;
|
||||||
|
/* margin-top: 10%; */
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* p { */
|
||||||
|
/* height: 100%; */
|
||||||
|
/* width: 100%; */
|
||||||
|
|
||||||
|
/* margin: 0 auto; */
|
||||||
|
/* } */
|
||||||
thead {
|
thead {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -11,5 +61,5 @@ tbody {
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: 15px;
|
padding: 0.1em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,24 +1,25 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
<title>{{ title }}</title>
|
<title>{{ title }}</title>
|
||||||
<link rel="stylesheet" type="text/css" href="/static/style.css">
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="/static/style.css" />
|
||||||
</head>
|
</head>
|
||||||
<img src="static/ZXSpectrum+2-grey.jpg" alt="logo" style="align:center" />
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="form">
|
<img id="logo" src="static/ZXSpectrum+2-grey.jpg" alt="logo" />
|
||||||
|
<div id="main">
|
||||||
<form
|
<form
|
||||||
|
id="form"
|
||||||
action="/upload"
|
action="/upload"
|
||||||
method="POST"
|
method="POST"
|
||||||
enctype="multipart/form-data">
|
enctype="multipart/form-data"
|
||||||
|
>
|
||||||
<input type="file" name="file" />
|
<input type="file" name="file" />
|
||||||
<button type="submit">Upload</button>
|
<button type="submit">Upload</button>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
<div id="table">
|
||||||
<p> Cassette:</p>
|
<p>Cassette:</p>
|
||||||
<table border="1" id="table">
|
<table border="1" id="table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -27,9 +28,7 @@
|
||||||
<a href="/kill">kill</a>
|
<a href="/kill">kill</a>
|
||||||
</th>
|
</th>
|
||||||
<!-- {% for header in headers %} -->
|
<!-- {% for header in headers %} -->
|
||||||
<th>
|
<th>{{ header }}</th>
|
||||||
{{ header }}
|
|
||||||
</th>
|
|
||||||
<!-- {% endfor %} -->
|
<!-- {% endfor %} -->
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
@ -44,7 +43,7 @@
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</p>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user