hiding the ugly upload button

This commit is contained in:
emilis 2022-09-02 16:10:58 +01:00
parent 5313968fc1
commit 9dabbf9beb
1 changed files with 7 additions and 8 deletions

View File

@ -15,19 +15,18 @@
} }
#main-upload { #main-upload {
margin-left: auto;
margin-right: auto;
margin-top: 10%;
margin-bottom: 30%;
width: 30%; width: 30%;
border: 5px solid rebeccapurple; border: 5px solid rebeccapurple;
height: 30vw; height: 30vw;
padding: 10px; padding: 10px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: rgba(13, 6, 19, 0.4); background-color: rgba(13, 6, 19, 0.4);
font-size: large; font-size: large;
font-weight: bold; font-weight: bold;
display: flex;
justify-content: center;
} }
</style> </style>
@ -36,8 +35,8 @@
<body> <body>
<h1>file upload</h1> <h1>file upload</h1>
<div id="main-upload"> <div id="main-upload">
<form id="upload-form" method="post" action="/v1/upload" enctype="multipart/form-data"> <p>Paste a file to upload it</p>
<label for="upload">Upload a file</label> <form id="upload-form" method="post" action="/v1/upload" enctype="multipart/form-data" hidden>
<input type="file" id="upload" name="upload" accept="*" value="upload"> <input type="file" id="upload" name="upload" accept="*" value="upload">
</form> </form>
</div> </div>