fix borders

master
subnixr 2018-03-10 04:02:21 +01:00
parent 665a66294a
commit 0ec83c107a
2 changed files with 26 additions and 17 deletions

View File

@ -33,6 +33,19 @@ html, body {
display: block; display: block;
width: 100%; width: 100%;
margin: 15px 0; margin: 15px 0;
box-sizing: border-box;
}
.btn{
display: block;
background-color: var(--nord3);
border: 1px transparent solid;
color: var(--nord6);
border-radius: 5px;
font-size: 2rem;
width: 100%;
text-align: center;
font-family: sans-serif;
} }
.file-input{ .file-input{
@ -50,13 +63,9 @@ html, body {
opacity: 0; opacity: 0;
} }
.submit{ .submit {
display: block;
background-color: var(--nord3);
border: 1px transparent solid;
color: var(--nord14); color: var(--nord14);
border-radius: 5px; padding: 0;
font-size: 2rem;
} }
.bg{ .bg{

View File

@ -11,17 +11,17 @@
<body class="bg"> <body class="bg">
<div class="center"> <div class="center">
<form class="form" enctype="multipart/form-data" action="/image" method="post"> <form class="form" enctype="multipart/form-data" action="/image" method="post">
<textarea class="form-item" name="text" cols="30" rows="3"></textarea> <textarea class="form-item" name="text" cols="30" rows="3"></textarea>
<div class="file-input"> <div class="form-item file-input">
<input class="form-item" name="image" type="file"> <input name="image" type="file">
<span>file input</span> <span class="btn">file input</span>
</div> </div>
<input class="form-item submit " type="submit" value="submit"> <input class="form-item btn submit" type="submit" value="submit">
</form> </form>
</div> </div>
</body> </body>
</html> </html>