Compare commits

..

2 Commits

Author SHA1 Message Date
tets@test.test
e805dfab6c add upload form 2022-10-24 00:16:19 +03:00
tets@test.test
adaf478213 add upload form 2022-10-24 00:15:57 +03:00
3 changed files with 100 additions and 5 deletions

43
adminpage.html Normal file
View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="css/adminpage.css">
<title>3d Detals</title>
</head>
<body>
<header>
<h1 class="h1header"> Административная панель </h1>
</header>
<div class="container">
<div class="row ">
<form class="uploadform">
<div class="">
<label class="form-label" for="imgfile">Выберите изображение </label>
<input type="file" class="form-control" id="imgfile" />
<label class="form-label" for="origfile">Выберите исходный file </label>
<input type="file" class="form-control" id="origfile" />
<label class="form-label" for="stlfile">Выберите stl file </label>
<input type="file" class="form-control" id="stflfile" />
<button class="btn btn-block">Загрузить </button>
</div>
</div>
</form>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
</body>
</html>

57
css/adminpage.css Normal file
View File

@@ -0,0 +1,57 @@
body {
margin: 0;
padding: 0;
background-color: #dcf3d0;
}
header{
box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}
.h1header {
margin: 0;
background-color: #b5e9e9;
height: 100px;
line-height: 100px;
text-align: center;
color: #034956;
}
.uploadform{
margin: 30px;
}
input[type="file"]::file-selector-button {
background-color:#ffe1d0;
padding: 0.5em;
border: thin solid #f26722;
border-radius: 2px;
}
input[type="file"]::form-file-button:hover {
background-color: #fff1b5;
color: #034956;
border: 2px solid #034956;
}
.btn {
margin-top: 15px;
background-color: #ffe1d0;
color: #034956;
border: 2px solid #f26722;
width: 100%;
}
.btn:hover {
background-color: #fff1b5;
color: #034956;
border: 2px solid #034956;
}

View File

@@ -43,12 +43,7 @@ header{
}
.btn:hover {
background-color: #fff1b5;
color: #034956;
border: 2px solid #034956;
}
.card-img-top{
padding: 10px;