Added wrapper in step 2

This commit is contained in:
Verena Schulz
2025-12-17 15:21:17 +01:00
parent 145f91f091
commit 958c9368d0
2 changed files with 22 additions and 12 deletions
+16 -11
View File
@@ -57,26 +57,31 @@
</div> </div>
<div class="step" id="step2" style="display:none;"> <div class="step" id="step2" style="display:none;">
<div class="labelDiv" id="labelDiv"> <div class="KI-wrap">
<label id="labelKI">Select ki:</label> <label id="labelKI">Select ki:</label>
<label id="labelTranscription">Select transcription:</label> <select name="ai_type" id="ai_type"></select>
<label id="labelType">Select type:</label>
<label id="labelLanguage">Select language:</label>
<img id="labelLanguageFlag" src="flags/united-kingdom-flag-png-large.jpg" width="20" height="10" >
</div> </div>
<div class="dropdownMenus" id="dropdownMenus">
<select name="ai_type" id="ai_type"> <div class="transcript-wrap">
</select> <label id="labelTranscription">Select transcription:</label>
<select name="transkript_type" id="transkript_type"> <select name="transkript_type" id="transkript_type"></select>
</select> </div>
<div class="type-wrapper">
<label id="labelType">Select type:</label>
<select name="output_type" id="output_type"> <select name="output_type" id="output_type">
<option value="pdf">.pdf</option> <option value="pdf">.pdf</option>
<option value="word">.word</option> <option value="word">.word</option>
<option value="txt">.txt</option> <option value="txt">.txt</option>
</select> </select>
</div>
<div class="language-wrapper">
<label id="labelLanguage">Select language:</label>
<img id="labelLanguageFlag" src="flags/united-kingdom-flag-png-large.jpg" width="20" height="10" >
<select name="language_option" id="language_option"> <select name="language_option" id="language_option">
</select> </select>
</div> </div>
</div> </div>
<div class="step" id="step3" style="display:none;"> <div class="step" id="step3" style="display:none;">
+6 -1
View File
@@ -17,7 +17,6 @@ body {
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
margin: 0; margin: 0;
z-index: 20; z-index: 20;
} }
#h1-wrapper { #h1-wrapper {
@@ -108,6 +107,12 @@ body {
.submit-btn:hover { .submit-btn:hover {
background-color: #0056b3; background-color: #0056b3;
} }
#step2 {
display: flex;
justify-content: center;
gap: 30px;
}
input[type="file"] { input[type="file"] {
display: none; display: none;