fix borders
This commit is contained in:
parent
665a66294a
commit
0ec83c107a
|
@ -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{
|
||||||
|
|
|
@ -14,11 +14,11 @@
|
||||||
<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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user