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;
width: 100%;
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{
@ -50,13 +63,9 @@ html, body {
opacity: 0;
}
.submit{
display: block;
background-color: var(--nord3);
border: 1px transparent solid;
.submit {
color: var(--nord14);
border-radius: 5px;
font-size: 2rem;
padding: 0;
}
.bg{

View File

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