Video icon improvement, changed dropdown alignment

This commit is contained in:
Verena Schulz
2025-11-17 16:00:53 +01:00
parent 4f57ec25bf
commit 7b01c4f022
2 changed files with 18 additions and 13 deletions
+1 -1
View File
@@ -9,7 +9,7 @@
<body> <body>
<div class="mitte" id="mitte"> <div class="mitte" id="mitte">
<div class="flagsBtns" id="flagsBtns"> <div class="dropdownMenus" id="dropdownMenus">
<select name="ai_type" id="ai_type"> <select name="ai_type" id="ai_type">
</select> </select>
<select name="transkript_type" id="transkript_type"> <select name="transkript_type" id="transkript_type">
+15 -10
View File
@@ -18,7 +18,7 @@ body {
box-shadow: 0 4px 10px rgba(0,0,0,0.1); box-shadow: 0 4px 10px rgba(0,0,0,0.1);
text-align: center; text-align: center;
width: 350px; width: 350px;
height: 120px; height: 200px;
transition: border 0.3s, background-color 0.3s; transition: border 0.3s, background-color 0.3s;
border: 2px dashed #7378c9; border: 2px dashed #7378c9;
} }
@@ -61,9 +61,15 @@ body {
object-fit: cover; object-fit: cover;
} }
#previewThumbnail {
width: 150px;
height: 100px;
/*border: 1px dashed black;*/
}
.custom-btn { .custom-btn {
padding: 10px 20px; padding: 10px 20px;
margin-top: 40px; margin-top: 10px;
background-color: #007BFF; background-color: #007BFF;
color: white; color: white;
border: none; border: none;
@@ -122,7 +128,7 @@ gap: 5px;
.mitte { .mitte {
background-color: #f2f3f4; background-color: #f2f3f4;
display: flex; display: flex;
width: 500px; width: 600px;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 5% 50px; padding: 5% 50px;
@@ -163,15 +169,14 @@ h1 {
color: white; color: white;
} }
.flagsBtns { .dropdownMenus {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
margin-top: 1px;
gap: 150px;
padding: 2px;
} }
.de_Btn, .eng_Btn, .in_Btn { #ai_type, #transkript_type, #language_option {
padding: 8px 16px; padding: 3px;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
} }