emily/video2document
1
0
Fork 0
mirror of https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git synced 2026-06-15 18:01:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

First design

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
electron/main/index.html
+3 -3
View File
@@ -8,14 +8,13 @@
</head> </head>
<body> <body>
<div class="mitte" id="mitte">
<h1>Video to document</h1>
<div class="upload-container" id="uploadContainer"> <div class="upload-container" id="uploadContainer">
<p>Drag and drop video file</p> <p>Drag and drop video file</p>
<div class="file-name" id="fileName">No video chosen</div> <div class="file-name" id="fileName">No video chosen</div>
</div> </div>
<button class="custom-btn" id="manualUploadBtn">Search video</button> <button class="custom-btn" id="manualUploadBtn">Search video</button>
<input type="file" id="videoUpload" accept="video/*"> <input type="file" id="videoUpload" accept="video/*">
@@ -33,6 +32,7 @@
</div> </div>
<button class="submit-btn" id="submitButton">Submit Video</button> <button class="submit-btn" id="submitButton">Submit Video</button>
</div>
<script src="script.js"></script> <script src="script.js"></script>
<script src="./renderer.js"></script> <script src="./renderer.js"></script>
electron/main/style.css
+18 -1
View File
@@ -5,7 +5,7 @@ body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100vh; height: 100vh;
background-color: #f5f5f5; background-color: #444;
gap: 15px; gap: 15px;
margin: 0; margin: 0;
} }
@@ -91,3 +91,20 @@ gap: 5px;
font-size: 14px; 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;
}