First design

This commit is contained in:
Verena Schulz
2025-11-05 18:45:07 +01:00
parent c638f55ba5
commit 26f8715ae8
2 changed files with 22 additions and 5 deletions
+3 -3
View File
@@ -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
View File
@@ -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;
}