mirror of
https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git
synced 2026-06-15 18:01:52 +02:00
First design
This commit is contained in:
@@ -8,14 +8,13 @@
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<div class="mitte" id="mitte">
|
||||
<h1>Video to document</h1>
|
||||
<div class="upload-container" id="uploadContainer">
|
||||
<p>Drag and drop video file</p>
|
||||
<div class="file-name" id="fileName">No video chosen</div>
|
||||
</div>
|
||||
|
||||
|
||||
<button class="custom-btn" id="manualUploadBtn">Search video</button>
|
||||
<input type="file" id="videoUpload" accept="video/*">
|
||||
|
||||
@@ -33,6 +32,7 @@
|
||||
</div>
|
||||
|
||||
<button class="submit-btn" id="submitButton">Submit Video</button>
|
||||
</div>
|
||||
|
||||
<script src="script.js"></script>
|
||||
<script src="./renderer.js"></script>
|
||||
|
||||
+18
-1
@@ -5,7 +5,7 @@ body {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
background-color: #f5f5f5;
|
||||
background-color: #444;
|
||||
gap: 15px;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -91,3 +91,20 @@ gap: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.mitte {
|
||||
background-color: #eaf0ff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 5% 50px;
|
||||
margin-top: 20px;
|
||||
gap: 10px;
|
||||
border: 2px;
|
||||
border-color: black;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
h1 {
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user