Skip to content
GitLab
Commit b9431e63 authored by afzafri's avatar afzafri
Browse files

tweak some UI design

parent 38949d75
Hide whitespace changes
Inline Side-by-side
assets/css/styles.css
View file @ b9431e63
body {
background-color: #EEEEEE;
}
.se-pre-con {
position: fixed;
left: 0px;
......@@ -9,10 +13,24 @@
display: none;
}
fieldset {
display: inline-block;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#output {
width: 80%;
margin: 0 auto;
padding: 5px;
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
img {
float: center;
height: 200px;
padding: 10px;
padding: 5px;
}
img:hover {
......
index.html
View file @ b9431e63
......@@ -10,11 +10,15 @@
<body>
<div class="se-pre-con"></div> <!-- loading spinner -->
<label>Open comic:</label><br>
<input type="file" name="fileup" id="fileup" accept=".cbr,.cbz,.cbt"><br>
<i>(cbr,cbz,cbt files only)</i>
<br><br>
<center>
<fieldset>
<legend>Open Comic</legend>
<input type="file" name="fileup" id="fileup" accept=".cbr,.cbz,.cbt"><br>
<i>(cbr,cbz,cbt files only)</i>
</fieldset>
<br><br>
<!-- output comics images here -->
<div id="output"></div>
</center>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment